最佳答案
您可以创建一个对象来存储为main
链接和sub
链接选择的内容,然后相应地应用该类。
例如,您可以将 main
作为参数传递,以表明它是一个主链接,并相应地检查 main
本身的 isActive
。
(click)="select('main', n.name);" [ngClass]="{active: isActive('main', n.name)}"
同样,对于sub
链接也可以做到。
您的功能可能如下:-
select(type, item, $event) {
this.selected[type] = (this.selected[type] === item ? null : item);
$event ? $event.stopPropagation() : null;
}
isActive(type, item) {
return this.selected[type] === item;
}
我想您可能会在选择可选的子链接时停止传播(请测试您的用例)。
请检查下面的代码:-
https://stackblitz.com/edit/angular-7b7cwd?file=src/app/app.component.html
关于html - 单击 Angular 4 将事件类添加到子菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51739989/