我已经在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/

10-10 07:51