我计划在我的大型应用程序中使用AngularJS。所以我正在寻找要使用的正确module。
是什么区别(角route.js)ngRoute和UI的路由器(角-UI-router.js)module?
在很多使用ngRoute 的文章中,路由是用$routeProvider配置的。但是,当与ui-router 一起使用时,路由配置为$stateProvider 和 $urlRouterProvider。
我应该使用哪个module以获得更好的可管理性和可扩展性?
我计划在我的大型应用程序中使用AngularJS。所以我正在寻找要使用的正确module。
是什么区别(角route.js)ngRoute和UI的路由器(角-UI-router.js)module?
在很多使用ngRoute 的文章中,路由是用$routeProvider配置的。但是,当与ui-router 一起使用时,路由配置为$stateProvider 和 $urlRouterProvider。
我应该使用哪个module以获得更好的可管理性和可扩展性?
ui-router是一个第三方module,非常强大。它支持普通 ngRoute 可以做的一切以及许多额外的功能。
以下是选择 ui-router 而不是 ngRoute 的一些常见原因:
ui-router 允许您根据状态名称在状态之间建立强类型链接。在一个地方更改 url 将在您使用ui-sref
. 对于 URL 可能会更改的大型项目非常有用。
还有装饰器的概念,可用于允许根据尝试访问的 URL 动态创建您的路由。这可能意味着您无需事先指定所有路线。
状态允许您映射和访问有关不同状态的不同信息,并且您可以通过$stateParams
.
您可以$state
通过 ui-router 提供的方式轻松确定您是处于某个状态还是某个状态的父级,以调整模板中的 UI 元素(突出显示当前状态的导航),您可以通过将其设置为$rootScope
on来公开run
。
ui-router本质上是ngRouter,功能比较多,在sheet下就大不一样了。这些附加功能对于大型应用程序非常有用。
更多信息:
ngRoute是 AngularJS 团队开发的一个module,它是 AngularJS 核心的早期部分。
ui-router是一个框架,它是在 AngularJS 项目之外制作的,用于改进和增强路由功能。
来自 ui-router文档:
AngularUI Router 是 AngularJS 的路由框架,它允许您将界面的各个部分组织成一个状态机。与 Angular 核心中的 $route 服务不同,它是围绕 URL 路由组织的,UI-Router 是围绕状态组织的,它可以选择性地附加路由以及其他行为。
状态绑定到命名的、嵌套的和并行的视图,使您能够有力地管理应用程序的界面。
它们都不是更好,您必须选择最适合您的项目的。
但是,如果您计划在您的应用程序中使用复杂的视图并且您想要处理“$state”概念。我建议你选择 ui-router。
ngRoute 是一个 angular 核心module,适用于基本场景。我相信他们会在即将发布的版本中添加更强大的功能。
网址:https : //docs.angularjs.org/api/ngRoute
Ui-router 是一个贡献module,它克服了 ngRoute 的问题。主要是嵌套/复杂视图。
网址:https : //github.com/angular-ui/ui-router
ui-router 和 ngRoute 的一些区别
ngRoute 是核心 AngularJS 框架的一部分。
ui-router 是一个社区库,旨在尝试改进默认路由功能。
这是一篇关于配置/设置 ui-router 的好文章:
如果您想利用在 ngRoute 范式中实现的嵌套视图功能,请尝试angular-route-segment - 它旨在扩展 ngRoute 而不是替换它。