首页 > 解决方案 > Angular - 从子组件到父组件的项目内容

问题描述

我知道我可以使用<ng-content>从父组件到子组件的投影/转换内容,但我想要相反的:

我有一个主组件,其顶部有一种状态栏,我使用路由 ( <router-outlet>) 来显示当前页面。

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

这是关于它的部分答案:https : //stackoverflow.com/a/53209994/11008903 但它不起作用,即使我直接包含我的子组件而没有路由(<my-child-component>而不是<router-outlet>)。我找不到任何方法来做到这一点。

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

谢谢

标签: angular

解决方案


也许您应该考虑使用命名router-outlet来实现所需的功能。这样,您可以router-outlet在插图中使用另一个替换“一些按钮和文本”部分,并且通过命名路由,您可以在该导航区域内呈现不同的组件。多维路由可以参考这篇文章:

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


推荐阅读