与角度材质中的嵌套菜单的路由连接失败

时间:2018-01-09 08:30:20

标签: angular-material

在这里,我使用角度材料来设计应用程序。我创建了嵌套菜单栏。现在我想尝试从菜单栏路由每个子菜单选项。为此,我使用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]
})

请建议我解决在这种情况下如何创建路由的方法。

0 个答案:

没有答案