子路由在 RadSideDrawer 内不起作用（错误：找不到要加载的主出口）答案

【问题标题】：Child routes not working inside RadSideDrawer (Err: Cannot find primary outlet to load)子路由在 RadSideDrawer 内不起作用（错误：找不到要加载的主出口）
【发布时间】：2016-07-24 16:39:26
【问题描述】：

我想在 RadSideDrawer drawerMain

中使用<router-outlet>

但我收到错误Cannot find primary outlet to load Component

组件有

 directives: [NS_ROUTER_DIRECTIVES, ROUTER_DIRECTIVES]

HTML 有<router-outlet> 标签所以它应该工作

代码：https://github.com/telerik/nativescript-ui-samples-angular/issues/13

注意：当我从 HTML 文件中删除 RadSideDrawer 代码时，工作正常。所以我认为问题是由于 RadSideDrawer

有什么解决办法吗？谢谢

【问题讨论】：

请发布代码来演示您尝试完成的工作。
确定github.com/telerik/nativescript-ui-samples-angular/issues/13

标签： angular telerik angular2-routing nativescript nativescript-telerik-ui

【解决方案1】：

<router-outlet> 不能在 <template> 元素内。它必须直接添加到视图中。

我假设模板以某种方式呈现，但从您提供的代码中看不出这是在哪里或如何发生的。

【讨论】：

是的，但是如果没有这个模板标签，我怎样才能让路由器插座工作：？
我不知道 NS 也不知道 RadSideDrawer 但是如果你有一个包含这个视图的组件的路由，那么这个组件需要包含一个 <router-outlet>。在我看来，<router-outlet> 似乎没有在任何地方呈现。如果将<router-outlet> 包装为例如<div>xxx<router-outlet></router-outlet></div>，屏幕上是否显示xxx？
是的，每个 xxx 都正常工作，Consoling 按钮显示它工作正常，但没有向路由器出口呈现任何内容
对不起，那我不知道。如果您可以在 Plunker 中重现，那么值得在 Angular GitHub 存储库中报告错误。