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

Question

看到这个堆栈闪电战：https ://stackblitz.com/edit/angular-2nvs34

你可以看到我必须<ng-content select="app-grand-child-content"></ng-content>选择定义的组件。遗憾的是，如果 ng-content 的 select 的目标组件位于<router-outlet>. 如果组件被“直接”声明，您可以切换注释AppComponent以查看它是否有效。

为什么会这样，我怎样才能实现我想要的行为？

标签： angularrouter-outlet

Answer 1

您需要做的就是使用 router-outlet 标签！我在你的 stackblitz 中添加了一些逻辑。还有一个额外的孙子路由以及一个指向它的点击事件来证明这个概念。希望这就是你要找的！

修改后的 StackBlitz