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的升级版！

纯属转载笔记，如有侵权请告知！

转载于:https://www.cnblogs.com/mengruying/p/5504625.html

ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢？相关推荐

集成 Kendo UI for Angular 2 控件
伴随着 Angular 2 的正式 release,Kendo UI for Angular 2 的第一批控件已经发布了,当前是 Beta 版本,免费使用. 官方站点:Kendo UI for Ang ...
angular 手动注入_手动引导Angular JS应用程序
angular 手动注入 Earlier we looked at various angular form features and its validation. In this post, We ...
angular过滤字符_如何使用Angular和Azure计算机视觉创建光学字符读取器
angular过滤字符介绍 (Introduction) In this article, we will create an optical character recognition (OCR) ...
Angular项目构建指南 - 不再为angular构建而犹豫不决(转)
如果你不知道什么是Angular或者根本没听说过,那么我接下来所说的对你来说毫无益处,不过如果你打算以后会接触Angular或者干脆要涨涨姿势~读下去还是有点用的. Angular和它之前所出现的其余 ...
Angular项目构建指南 - 不再为angular构建而犹豫不决
摘要: 洋洋洒洒写了一大堆都是最近构建项目的一些经验,对于angular项目的构建确实不大同于以往的前端框架,所以特此记录分享给大家,希望有所帮助. 前言接触Angular也有小半个月了,虽然没有使 ...
Angular 学习（二）：Angular 简介
文章目录一. Angular 介绍 AngularJS 特性存在的问题 Angular 新特性二. AngularJS 架构与 Angular 架构 AngularJS 架构 Angular 架 ...
Angular Elements，四步将Angular 组件转换为 web 组件
Angular Elements,四步将Angular 组件转换为 web 组件从Angular版本6开始,我们可以将Angular组件公开为Web组件,或者更确切地说:作为自定义元素,它是Web组 ...
nuxt 如何引入js_nuxtjs如何在单独的js文件中引入store和router
nuxtjs里面集成vuex的创建方式改变了,并且官方不建议以导出Vuex实例的方式创建store,并且会在nuxt3里面删除.这样就会存在一个问题,我怎么像普通vue spa项目一样直接 impor ...
@angular/core里的 NgZone -使得Angular不跟踪变化
前言: 在模板中实时获取一个变量,模板中就频繁的更新显示,频繁的变动将造成性能损耗. 或者在双向绑定时,异步事件的发生会导致组件中的数据变化,但是你想要适当时机再改变模板显示. 一.NgZone An ...
Angular 5.0 学习2：Angular 5.0 开发环境的搭建和新建第一个ng5项目
1.安装Node.js 在开始工作之前,我们必须设置好开发环境. 如果你的机器上还没有Node.js®和npm,请先安装它们. 去Node.js的官网,https://nodejs.org/en/,点 ...

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

ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢？相关推荐

最新文章

热门文章