在我的 App 组件中,我使用
<mat-tab-group >
<!-- Global Configuration menu -->
<mat-tab>
<ng-template mat-tab-label>
<a [matMenuTriggerFor]="Menu" class="cloneIcon">
Configuration Global
</a>
</ng-template>
<mat-menu #Menu="matMenu">
<button mat-menu-item routerLink="/admin/global" routerLinkActive="active" >
<mat-icon>build</mat-icon>
<span>Add Global Configuration</span>
</button>
<button mat-menu-item >
<mat-icon>calendar_today</mat-icon>
<span>Manage Planning</span>
</button>
<button mat-menu-item>
<mat-icon>notification_important</mat-icon>
<span> Manage Holidays & WE</span>
</button>
</mat-menu>
</mat-tab>
然后使用路由显示来自其他组件的页面
<router-outlet></router-outlet>
我的菜单工作正常,当我在其他组件中调用函数时,它没有显示更多并且控制台中没有错误