我计划在我的大型应用程序中使用AngularJS。所以我正在寻找合适的模块来使用。
ngRoute (angular-route.js)和ui-router (angular-ui-router.js)模块之间的区别是什么?
在许多文章中,当使用ngRoute时,route是用$routeProvider配置的。然而,当与ui-router一起使用时,route使用$stateProvider和$urlRouterProvider配置。
我应该使用哪个模块来获得更好的可管理性和可扩展性?
我计划在我的大型应用程序中使用AngularJS。所以我正在寻找合适的模块来使用。
ngRoute (angular-route.js)和ui-router (angular-ui-router.js)模块之间的区别是什么?
在许多文章中,当使用ngRoute时,route是用$routeProvider配置的。然而,当与ui-router一起使用时,route使用$stateProvider和$urlRouterProvider配置。
我应该使用哪个模块来获得更好的可管理性和可扩展性?
当前回答
ngRoute是AngularJS核心框架的一部分。
Ui-router是一个社区库,创建它是为了改进默认路由功能。
这是一篇关于配置/设置ui-router的好文章:
http://www.ng-newsletter.com/posts/angular-ui-router.html
其他回答
通常ui-router工作在一个状态机制…可以用一个简单的例子来理解:
假设我们有一个大的音乐库应用程序(比如..Gaana或saavan或任何其他)。在页面的底部,你有一个音乐播放器在页面的所有状态下共享。
现在让我们假设你只是点击一些歌曲来播放。在这种情况下,只有音乐播放器的状态应该改变,而不是重新加载整个页面。这可以通过ui-router轻松处理。
而在ngRoute中,我们只是附加视图和控制器。
ngRoute是AngularJS核心框架的一部分。
Ui-router是一个社区库,创建它是为了改进默认路由功能。
这是一篇关于配置/设置ui-router的好文章:
http://www.ng-newsletter.com/posts/angular-ui-router.html
角1.倍
ng-route:
ng-route由angularJS团队开发用于路由。
ng-route:基于url位置的路由。
Ex:
$routeProvider
.when("/home", {
templateUrl : "home.html"
})
ui-route:
ui路由器由第三方模块开发。
Ui-router:基于状态的路由
Ex:
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'home.html'
})
——> ui-router允许嵌套视图
——> ui-router比ng-route更强大
ng-router, ui-router
ngRoute是一个适用于基本场景的angular核心模块。我相信他们会在即将发布的版本中添加更强大的功能。
URL: https://docs.angularjs.org/api/ngRoute
Ui-router是一个独立的模块,它克服了ngRoute的问题。主要是嵌套/复杂视图。
URL: https://github.com/angular-ui/ui-router
ui-router和ngRoute之间的一些区别
http://www.amasik.com/angularjs-ngroute-vs-ui-router/
AngularUI Router是AngularJS的路由框架,它允许你将接口的各个部分组织成一个状态机。不同于Angular ngRoute模块中的$route服务,它是围绕URL路由组织的,UI-Router是围绕状态组织的,状态可能会附加路由和其他行为。
https://github.com/angular-ui/ui-router