我计划在我的大型应用程序中使用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是一个基本的路由库,你可以为任何路由指定一个视图和控制器。
使用ui-router,你可以指定多个视图,包括并行视图和嵌套视图。因此,如果你的应用程序需要(或将来可能需要)任何复杂的路由/视图,那么就使用ui-router。
这是AngularUI路由器最好的入门指南。
其他回答
UI路由器让你的生活更轻松!你可以通过将它注入到你的AngularJS应用中来添加它…
ng-route是AngularJS核心的一部分,所以它更简单,给你的选择更少…
看这里可以更好地理解ng-route: https://docs.angularjs.org/api/ngRoute
另外,在使用它的时候,不要忘记使用:ngView ..
Ng-ui-router是不同的,但是:
https://github.com/angular-ui/ui-router但给你更多的选择....
通常ui-router工作在一个状态机制…可以用一个简单的例子来理解:
假设我们有一个大的音乐库应用程序(比如..Gaana或saavan或任何其他)。在页面的底部,你有一个音乐播放器在页面的所有状态下共享。
现在让我们假设你只是点击一些歌曲来播放。在这种情况下,只有音乐播放器的状态应该改变,而不是重新加载整个页面。这可以通过ui-router轻松处理。
而在ngRoute中,我们只是附加视图和控制器。
ng-View(由AngularJS团队开发)每个页面只能使用一次,而ui-View(第三方模块)每个页面可以使用多次。
ui-View因此是最好的选择。
1- ngRoute是由angular团队开发的,而ui-router是第三方模块。ngRoute基于路由URL实现路由,而ui-router基于应用程序的状态实现路由。3- ui-router提供ng-route提供的所有功能,并加上一些额外的功能,如嵌套状态和多个命名视图。
ngRoute是一个基本的路由库,你可以为任何路由指定一个视图和控制器。
使用ui-router,你可以指定多个视图,包括并行视图和嵌套视图。因此,如果你的应用程序需要(或将来可能需要)任何复杂的路由/视图,那么就使用ui-router。
这是AngularUI路由器最好的入门指南。