在这里,我使用角度材料来设计应用程序。我创建了嵌套菜单栏。现在我想尝试从菜单栏路由每个子菜单选项。为此,我使用RouterModule指令中的routerlink和routerActivateLink模块。 但是路由并不是按照要求进行的。
这是我的路由代码,
<mat-menu #adminmenu="matMenu" [overlapTrigger]="false">
<button mat-menu-item><span>Account Maintenance</span></button>
<button mat-menu-item [matMenuTriggerFor]="room"><span>Room Maintenance</span></button>
<mat-menu #room="matMenu">
<button mat-menu-item routerLink='addroom' routerLinkActive='active'><span>Add Room</span></button>
<button mat-menu-item><span>View/Assigned Unclaimed Room</span></button>
<button mat-menu-item><span>Modify/Update Room</span></button>
<button mat-menu-item><span>Delete Room</span></button>
<button mat-menu-item><span>Recover Deleted Room</span></button>
</mat-menu>
<button mat-menu-item> </button>
</mat-menu>
这是我的app.module.ts文件,
@NgModule({
declarations: [
AppComponent,
MyformComponent,
MenuComponent,
PageareaComponent,AddroomComponent
],
imports: [
BrowserModule, FormsModule, MatMenuModule, MatIconModule, MatCardModule, MatSidenavModule,
BrowserAnimationsModule, MatInputModule, MatButtonModule,
RouterModule.forRoot([ {path:'login',component:MyformComponent},
{path:'menu',component:MenuComponent},
{path:'addroom',component:AddroomComponent}])
],
providers: [],
bootstrap: [AppComponent]
})
请建议我解决在这种情况下如何创建路由的方法。