发表于: 2017-06-18 22:30:16
1 885
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
信息管理:职位明细记录
梳理了ui-router与AngularJS的原生路由的区别
明天计划的事情:(一定要写非常细致的内容)
后台管理:账号管理
遇到的问题:(遇到什么困难,怎么解决的)
线上环境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
来进行路由定义。
评论