导航栏中的角度组件

【问题标题】：Angular component inside navbar导航栏中的角度组件
【发布时间】：2022-06-16 14:19:36
【问题描述】：

如何将 Angular 组件放入导航栏？

【问题讨论】：

红色部分是单独的组件吗？
@VinceCyriac 是的，实际上红色突出显示并且它的右侧在一个组件中。所以我需要将它们分开......但首先我需要知道如何将一个组件放到另一个组件上，比如导航栏。
我想你应该有一些像<nav><ul><li>option1</li>...<li><my-component></my-component></li></ul></nav>

【解决方案1】：

我解决了将一个组件中的两个 div 分隔为两个组件的问题。

然后使用 @Input() 装饰器通过父子关系将数据从侧边栏仪表板传递到列表组件。

然后是分离出来的没有关系的组件，我用service来传递数据，这样在list组件中选择的任何东西都会在results组件中产生它的详细信息。

【讨论】：