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服务来查找活动状态或导航到新状态。

使用component-router我无法弄清楚如何将$ router放入标题/侧边栏控制器中。

有任何想法吗？

Answer 1

在控制器中使用$ rootRouter

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