Question

我在使用棱角材质创建多级菜单栏时尝试了以下代码。但似乎路由未按预期工作。有人对这里出了什么问题或引起此问题的任何原因有任何想法吗？

nav.component.html

check `routerlink` path whatever u mention it doesn't work go with a method

<a mat-list-item routerLinkActive="active" class="navAd-link" [routerLink]="['/students']" (click)="navAd.toggle()">
    <mat-icon mat-list-icon>group</mat-icon>
    <span class="title" mat-line>Students</span>
</a>

routes.ts

import { StudentsComponent } from './Students/Students.component';
import {Routes} from '@angular/router';

export const appRoutes: Routes = [
    {path: 'students', component: StudentsComponent},
    {path: '**', redirectTo: 'students', pathMatch: 'full'},
];

Answer 1

我不知道您是否还在寻找答案。如果是的话，并且对于新查看者，那么我已经为Angular创建了一个插件，该插件创建了一个多级菜单。现在，您也可以将此多级菜单转换为“手风琴”，例如，选中this example。

这里是NPM Link和Github Link，文档非常简单。

以防万一，如果您想查看更多示例，我为您准备了demo，这就是演示的Github Repo。

如果某些功能对您不起作用，而您仍然想使用此插件，请在create an issue的帮助下解决问题。

P.S。它也可以在IE11中使用。

谢谢

使用角度材质的多级菜单栏

1 个答案: