为啥推荐用ui-router替代ngRoute

一 、UI-Router帮助嵌套视图,ngRoute不扶助

采纳ngRoute时,在主页面添加<ng-view></ng-view>标签,会把视图渲染好活动加载到此标签,而一旦想在视图里面再加二个<ng-view></ng-view>,用其他子视图渲染好来填充视图里面种的<ng-view>标签,那是不支持的(这话说得很绕,正是不辅助视图里面嵌套视图);而UI-Router帮衬这些特性,ui-router使用ui-view标签,能够层层嵌套视图。

看了上述解释后,懂了啊?笔者是没动,但就像很牛掰的榜样,继续商讨,终于看到说分裂的地方了:

二 、UI-Router协理多视图,ngRoute不辅助

ngRoute的页面只好添加三个<ng-view></ng-view>标签,及时添加多个,都是填写同样的内容;UI-Router能够因此为ui-view命名的主意扶助八个视图,如:

<ng-view="profile"></ng-view>
<ng-view="main"></ng-view>

那里有对的详细分析:ui.router源码解析

最后,照旧要依照本身的需要来:是不是要求用到这么些特征?ngRoute是不是能够满足你的渴求?假设ngRoute够用了,依然使用ngRoute吧,虽然UI-Router不会增添应用难度,然则UI-Router压缩后还有30kb,而ngRoute压缩后只有5kb!

与集成的ngRoute服务差异的是,UI-Router能够将视图嵌套,因为它依据的是操作景况而仅非UXC90L。与观念做法使用ng-view区其他是,在ngRoute里要求运用ui-view服务。当在ui-router中拍卖路由和气象时,开发者的重心是最近的情状是如何以及在哪三个页面里。

ui-router 的工作原理非常类似于 Angular 的路由控制器,但它只关注状态。

ui-router是一个web客户端的路由解决方案,它最大的作用是将web界面的设计分块了

UI-Router被认为是AngularUI为开发者提供的最实用的一个模块,它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染,而不是仅仅只改变路由(传统AngularJS应用实用的方式)

AngularUI Router是AngularUI
共青团和少先队开发的多少个AngularJS路由模块,比较AngularJS的正规路由ngRoute,它更灵活,基于state而不是UCR-VL在贰个页面中加载四个View并维持View的层次,Nested
States & Views以及Multiple & Named
Views。UI-Router被认为是AngularUI为开发者提供的最实用的二个模块。

 

上面说集成的ngRoute服务不同,实际上在本身近来用的版本中曾经把ngRoute模块独立出来了;

初学angularjs,第①个实例是官网的phoneCat,里面路由用的是ngRoute,后来观望其他用ui-router,觉得讶异,ui-route是如何啊?百度局地,得到如下解释:

相关文章