如何在 Angular 1.5 中注入组件路由器?

Posted

技术标签:

【中文标题】如何在 Angular 1.5 中注入组件路由器?【英文标题】:How to inject component router in Angular 1.5? 【发布时间】:2016-05-05 03:08:14 【问题描述】:

我正在使用 Angular 1.5 并尝试从 1.4 中的 ui-router 迁移到 1.5 中的新组件路由器。

但是,当我更新到 1.5 时,我看不到将“$router”注入我的配置的方法。

我知道我可以从这个存储库下载 angular_1_router.js:https://github.com/brandonroberts/angularjs-component-router

但新路由器不应该包含在 1.5 中吗?

抱歉,这方面的文档似乎不多。只有 outdated docs 指的是 Angular 1.4 和 Angular 2.0 docs。

当我尝试使用 angular_1_router.js 文件时,我在尝试使用“ngComponentRouter”时收到$injector:modulerr,因此我无法采用该路线作为解决方法。

【问题讨论】:

更新:组件路由器计划用于 1.5.1 【参考方案1】:

新路由器位于一个单独的 javascript 文件中。您必须将它加载到您的 index.html 文件中。我不完全确定 2.0 路由器是否与 1.5 一样工作,但我相信应该是这样。

这里有:

只需加载js文件就足够了,不需要注入。

最新的开发指南在这里:https://docs.angularjs.org/guide/component-router

我目前正在考虑从 ui-router 迁移到新路由器,但发现可用信息很少。这篇文章看起来有点帮助:http://geekswithblogs.net/shaunxu/archive/2015/03/30/horror-migrating-angular-ui-router-to-angular-new-router.aspx,但它已经过时了。

【讨论】:

您忘记将链接放在“此处可用:”处: 对,它会像任何其他应用程序依赖项一样。例如:var app = angular.module('app', ['ngComponentRouter']),但请确保首先为路由器加载 js 脚本 我来这里是为了寻找 .js 文件。不使用node真的没有办法下载吗? 它已被弃用。对于 1.x 项目,您最好使用 UI-Router。

以上是关于如何在 Angular 1.5 中注入组件路由器?的主要内容,如果未能解决你的问题,请参考以下文章

Angular 1.5 组件依赖注入

是否可以将服务注入 Angular 1.5 组件的 templateUrl 属性?

如何将数据注入从路由器创建的 Angular2 组件中?

Angular 1.5 组件/需要 $log 的依赖注入

将服务注入 Angular 1.5 组件

Angular 1.5 组件路由器兄弟组件