我已经在Angular 4中创建了一个嵌套菜单。我正在面对活动类的问题。这是我的代码。
My code
我能够将活动类添加到主链接,但是我该如何基于单击将活动类添加到子菜单。请帮忙
最佳答案
您可以创建一个对象来存储为main
链接和sub
链接选择的内容,然后相应地应用该类。
例如,您可以传递main
作为参数,以表明它是主链接,并相应地检查isActive
是否为main
本身。
(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/