角度为1.5的Angular UI路由器

时间:2016-03-29 12:42:43

标签: angularjs user-interface router

我正在使用angular-ui-router和我的1.3角应用程序。我希望将它升级到1.5角。在角度1.5中布线的最佳选择是什么?我应该继续使用angular-ui-router还是继续使用angular-new-router。请建议。此外,如果有一个易于迁移的文档,它将会有所帮助。

2 个答案:

答案 0 :(得分:3)

有角度的路由器

如前所述,angular.js的两个主流路由器是ngRoute ui-router。有一个新的路由器是角度2.0的一部分 - 虽然它承诺了惊人的功能,但我目前不建议采用它和角度2.0,直到它稳定,因为故事like this和问题like this。 / p>

升级前阅读

“升级”到任何库的最新稳定版本是最好的。但在你做之前;您应该阅读每个版本的发行说明,直到您要升级的版本。

查看迁移指南

Google正在努力改进他们的角度文档。然而,迁移文档特别好。拿一个look at it here

答案 1 :(得分:3)

根据项目的状态,您可能希望坚持使用ui-router,因为angular 1.5向后兼容所有模块,升级应该顺利(尽管阅读文档,包括升级到1.4)

另一方面,Angular 1.5旨在让我们接近Angular 2和 Web组件的概念和体系结构(现在被认为是Web开发的未来)所以它是一个踩到大多数ng1.x开发人员应该学习的学习曲线。

Angular 1.5允许您使用不同的路由机制以基于组件的方式编写应用程序,路由/ URL加载您定义的组件而不是加载部分。

路径现在可以嵌入子组件(比如你有一个用户模块,其中/list/details/:id/:slug,{{1路由/子组件和此用户模块可以附加到您应用的任何网址:/edit/:id/users,同时保留其内部路由机制。您的基本应用将会具有这种组件的非终端路由(用/admin/users/指定,这意味着它会将后续路由留给组件本身。)

此外,您可以同时拥有多个有效路线(例如,想想模态,就像在Gmail中一样,您可以查看消息并使用“撰写”弹出窗口,然后导航到消息列表,同时仍然具有Compose弹出窗口打开)。

路由事件现在是您可以在自己的组件中实现的钩子,因此您可以在本地执行/...(获取数据,检查用户权限等),照顾销毁东西,指定组件是否应该重用或重新实例化等。

底线

在Angular 1.5中,新的路由机制基于组件而不是状态/视图,因此您的应用程序需要对此概念进行重构,以便从中充分受益。