发表于: 2017-06-18 22:30:16

1 885


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

信息管理:职位明细记录

梳理了ui-routerAngularJS的原生路由的区别


明天计划的事情:(一定要写非常细致的内容) 

后台管理:账号管理


遇到的问题:(遇到什么困难,怎么解决的) 

线上环境nginx的配置?

不需要自己配置nginx,只要接口按照规范/carrots-admin-ajax/就行


#萝卜多后台

location /carrots-admin-ajax/{

    proxy_pass http://120.132.77.162:10498/;

}



收获:(通过今天的学习,学到了什么知识)

ui-router是一个可以用来替换AngularJS原生路由的插件,它最大的特点就是支持嵌套路由

 AngularJS的原生路由定义从表面上看似乎挺方便,没有什么太大的问题。但是细想一下,

如果说我们有一个网页,左边是菜单栏,右边是各个菜单所对应的视图。那么,如果按照这样的定义,

点击每个菜单项,岂不得刷新整个网页?而我们想要的只是右边的视图刷新。所以,这就要用到嵌套路由了。


点击就会现,刷新的只是右边的视图,左边并没有刷新。说明左边和右边是分开的视图。那么,这个就是用的ui-router来实现的。


/* 使用when来对一些不合法的路由进行重定向 */
$urlRouterProvider.when('', '/login');

什么是嵌套路由?

所谓嵌套路由,就是视图里面还可以再嵌套视图,路由里还可以再嵌套路由。并且,通过ui-router,可以实现不同视图之间的参数传递。

ui-router定义路由的时候,与ngRouter不一样,它是使用.来进行定义的,并且在html标签里,不使用ng-view,而是使用ui-view。比如<div ui-view></div>ui-router提供了$stateProvider$urlRouterProvider来进行路由定义。



返回列表 返回列表
评论

    分享到