请参阅此堆叠闪电战:https://stackblitz.com/edit/angular-2nvs34
您可以看到我有<ng-content select="app-grand-child-content"></ng-content>
来选择定义的组件。遗憾的是,如果ng-content的select的目标组成部分位于<router-outlet>
中,则此方法不起作用。您可以在AppComponent
中切换注释,以查看如果组件被“直接声明”为有效。
为什么会这样,如何实现我想要的行为?
答案 0 :(得分:0)
您需要做的就是改为使用router-outlet标签!我为您的堆叠闪电战增加了一些逻辑。还有一个附加的子孙路径以及一个单击事件,可将其路由到该事件以证明这一概念。希望这就是您想要的!