Angular 将导航栏组件共享到另一个组件

Question

我在问如何与仪表板组件和仪表板组件内的所有组件（例如课程组件）共享我的导航菜单仪表板组件（在共享/布局内），并且我有一个用于带有路由的仪表板组件的模块。

仪表板模块

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { DashboardRoutingModule } from './dashboard-routing.module';
import { CoursesComponent } from './courses/courses.component';


@NgModule({
declarations: [CoursesComponent],
imports: [
CommonModule,
DashboardRoutingModule
]
})
export class DashboardModule { }

我在 AppModule 中声明了 DashboardModule：

Answer 1

您可以在 DashboardComponent.html 中执行以下操作

<nav-menu-dashboard #navigation></nav-menu-dashboard>

并在 DashboardComponent.ts 中添加以下内容：

@ViewChild('navigation', {static: false}) navigationComponent: NavMenuDashboardComponent;

您可以通过实现 ViewChild 方法来访问 navigationComponent 中的方法和其他属性。