角度-将内容从子组件投射到父组件

Question

我知道我可以使用<ng-content>来将内容从父项投射/转移到子项，但我想相反：

我有一个带有状态栏的主要组件，并且使用路由（<router-outlet>）显示当前页面。

我希望每个页面都能够在主要组件的状态栏中定义元素。

这里有一个部分答案：https://stackoverflow.com/a/53209994/11008903，但是即使我直接包含子组件而不进行路由（<my-child-component>而不是<router-outlet>）也无法解决。我找不到任何方法。

我加入了illustration我正在尝试做的事情。

谢谢

Answer 1

也许您应该考虑使用命名的/{[^!][or]}/ 来实现所需的功能。这样，您可以用另一个router-outlet替换插图中的“某些按钮和文本”部分，并通过命名路由可以在该导航区域中显示不同的组件。您可以参考本文进行多维布线：

https://www.techiediaries.com/angular-router-multiple-outlets/