Компонент Matmenu Не отображается

Question

Привет, я создал один компонент, названный компонентом Module, и отобразил его в компоненте Header, используя селектор, и отобразил компонент заголовка в FullComponent, но он не отображается. Но сервис в Modulecomponent работает.

<!-- Modulecomponent.html -->
<button [matMenuTriggerFor]="matmenu" mat-icon-button class="m-r-5" *ngIf='modulelist'> <img src="assets/images/users/list.png" alt="settings" class="profile-pic"> </button>&nbsp;&nbsp;
<mat-menu #matmenu="matMenu" class="mymegamenu" >
    <button mat-menu-item id="module" *ngFor="let list of modulelist" (click)="SelectedModuleId(list.ModuleId)" >
        {{list.ModuleName}}
    </button>
</mat-menu>

<!-- Headercomponent.html -->
<button [matMenuTriggerFor]="profile" mat-icon-button class="m-r-5"> <img src="assets/images/users/1.jpg" alt="user" class="profile-pic"> </button>&nbsp;&nbsp;
<mat-menu #profile="matMenu" class="mymegamenu">
    <button mat-menu-item>
        <h6 i18n="profile">Profile </h6></button>
    <button mat-menu-item (click)="logout()">
         <h6 i18n="signout">Sign Out</h6></button>
</mat-menu>
<button [matMenuTriggerFor]="settings" mat-icon-button class="m-r-5"> <img src="assets/images/users/settings.png" alt="settings" class="profile-pic"> </button>&nbsp;&nbsp;
<mat-menu #settings="matMenu" class="mymegamenu">
    <button mat-menu-item id="about" (click)="openabout()">About</button>
    <button mat-menu-item id="about" >Info</button>
</mat-menu>
<app-module-list></app-module-list>

<!-- Fullcomponent -->
<app-header></app-header>

// Header Module
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatMenuModule} from '@angular/material/menu';
import {AppHeaderComponent} from './header.component';
import {MatToolbarModule} from '@angular/material/toolbar';
import {ModuleListModule} from '@sharedComponents/ModuleList/module-list.module';
import { ModuleListComponent } from '@sharedComponents/ModuleList/module-list.component';

@NgModule({
  imports: [CommonModule,MatMenuModule,MatToolbarModule,ModuleListModule],
  declarations: [AppHeaderComponent],
  exports:[ModuleListModule,AppHeaderComponent],
  entryComponents:[ModuleListComponent],
})
export class AppHeaderModule { }

// Modulelist Module
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {ModuleListComponent} from './module-list.component';
import { MatMenuModule} from '@angular/material/menu';
import {MatToolbarModule} from '@angular/material/toolbar';

@NgModule({
  declarations: [ModuleListComponent],
  imports: [CommonModule,MatMenuModule,MatToolbarModule],
  exports:[ModuleListComponent],
})
export class ModuleListModule { }