angular - Angular - 从子组件到父组件的项目内容
问题描述
我知道我可以使用<ng-content>
从父组件到子组件的投影/转换内容,但我想要相反的:
我有一个主组件,其顶部有一种状态栏,我使用路由 ( <router-outlet>
) 来显示当前页面。
我希望每个页面都能够将元素定义到主组件的状态栏中。
这是关于它的部分答案:https : //stackoverflow.com/a/53209994/11008903 但它不起作用,即使我直接包含我的子组件而没有路由(<my-child-component>
而不是<router-outlet>
)。我找不到任何方法来做到这一点。
我加入了我正在尝试做的事情的插图。
谢谢
解决方案
也许您应该考虑使用命名router-outlet
来实现所需的功能。这样,您可以router-outlet
在插图中使用另一个替换“一些按钮和文本”部分,并且通过命名路由,您可以在该导航区域内呈现不同的组件。多维路由可以参考这篇文章:
https://www.techiediaries.com/angular-router-multiple-outlets/
推荐阅读
- javascript - 如何使惰性加载器在博客的主页图像(缩略图)上工作
- python - 如何在 scikit-learn 的森林中使用特征重要性?
- azure - 创建开发测试实验室 VM 时出现 Azure Pipeline Key Vault 问题
- css - 当我们最小化或最大化图像无法更改的站点时,在css中设置静态背景图像大小?
- java - Java8-Stream:没有类型变量的实例
- react-native - 如何在 React Native 中创建类似 html 的导航下拉菜单?
- reactjs - 几秒钟后值更改后如何使用油门功能?
- python - 如何获取列表中每个 ID 的最后日期?
- javascript - Javascript继承(超级)
- postgresql - 配置 postgresql 失败,没有 64 位整数类型