如果ng-content的“选择”的目标元素在路由器出口中,则该选择不起作用

时间:2018-08-03 12:15:39

标签: angular router-outlet

请参阅此堆叠闪电战:https://stackblitz.com/edit/angular-2nvs34

您可以看到我有<ng-content select="app-grand-child-content"></ng-content>来选择定义的组件。遗憾的是,如果ng-content的select的目标组成部分位于<router-outlet>中,则此方法不起作用。您可以在AppComponent中切换注释,以查看如果组件被“直接声明”为有效。

为什么会这样,如何实现我想要的行为?

1 个答案:

答案 0 :(得分:0)

您需要做的就是改为使用router-outlet标签!我为您的堆叠闪电战增加了一些逻辑。还有一个附加的子孙路径以及一个单击事件,可将其路由到该事件以证明这一概念。希望这就是您想要的!

Modified StackBlitz