Angular 1.5 组件 $router 绑定

Question

我正在尝试将 1.5x 项目切换到组件并使用新的组件路由器。我在如何以编程方式访问不在指令内的几个组件中的$router 时遇到问题。基本上我有标题和侧边栏组件需要能够执行$router.navigvate，但使用绑定：{$router: "<"} 给了我一个未定义的$router。

我想我可能只需要稍微重构一下应用程序，但我不知道该怎么做。

目前在我的 Index.html 中，我在正文中定义了 ng-app，然后在其中定义了主应用程序模块 (<app></app>)。 我的主要应用程序组件有一个模板，基本上是我的“母版页”。

所以 app.html 有一个 <header> 组件，<sidebar> 组件，然后是 <ng-outlet> 为主要内容。使用 UI-Router，我只是使用标题/侧边栏控制器中的 $state 服务来查找活动状态或导航到新状态。

使用组件路由器，我无法弄清楚如何将 $router 放入页眉/侧边栏控制器。

有什么想法吗？

Answer 1

在控制器中使用 $rootRouter

function controller($rootRouter){ $rootRouter.navigate(["someComponent"]) or $rootRouter.navigateByUrl("/url") }