zoukankan      html  css  js  c++  java
  • ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢?

    ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢?

    很多文章中都有说道:当时ngRoute在路由配置时用$routeProvider,但是当ui-router路由配置时用 $stateProvider 和 $urlRouterProvider。

    那么它们有什么不同呢?

    1、ngroute是用AngularJS框架的核心部分。

    2、ui-router是一个社区库,它是用来提高完善ngroute路由功能的。

    那么我到底用哪个,或者说,哪个更适合可管理性和适合可扩展性?

    ui-router路由器是一个第三方模块,功能非常强大。它支持一切正常ngroute也可以做许多额外的功能。

    下边是常见的选择ui-router路由器的因素,而不用ngRoute。

    • UI-Router路由器允许嵌套视图(nested views)和多个命名视图(multiple named views)。这是非常有用的应用程序,你可能有较多的页面来继承其他部分。@camnpr
    • ui-router允许你有很强的类型之间的连接状态的基础上的状态名称。
       
        $stateProvider.state(state, {
            url: '/' + lastState,
            controller: 'ctrl.' + state,
            templateUrl: '/views/' + path + '.html'
         });

      通过构建ui-sref来实现不同的状态的链接到不同的页面(或者模板)@郑州网建

      <a ng-repeat="camnpr in group.items" ng-show="{{camnpr.show}}"ui-sref="{{camnpr.state}}">{{item.label}}</a>

      同时你的路由可以访问动态创建的链接

    • states允许你通过$statsParams来轻松的传递信息,允许不同的信息不同的states的map格式。

    综上所述,angular-ui-router是一个功能更强大,更轻松配置项目的一个模块库,是ngRouter的升级版!

    纯属转载笔记,如有侵权请告知!

  • 相关阅读:
    Vue里用moment.js
    回到顶部|回到底部功能的实现(Vue)
    Vue绑定下拉框型的树
    Excel导入数据库前后端代码
    Windows应用程序开发笔记-控制和获取其他程序窗口控件内容
    SQL Server查询、添加、修改表和字段的备注描述
    windows 共享文件夹,和共享打印机
    Visual Studio 2015安装过程卡住,解决办法
    python绘图 初识Python绘图
    GCC、LLVM、Clang
  • 原文地址:https://www.cnblogs.com/mengruying/p/5504625.html
Copyright © 2011-2022 走看看