代码之家 › 专栏 › 技术社区 › vedankita kumbhar

单击角度4将活动类添加到子菜单

angular5 typescript angular css html

0

vedankita kumbhar · 技术社区 · 7 年前

我在Angular4中创建了一个嵌套菜单。我正面临活跃班的问题。这是我的密码。

My code

我可以添加主动类到主链接,但是我应该做什么来添加活跃类子菜单点击。请帮助

1 回复 | 直到 7 年前

1

2

Ankit Sharma 7 年前

您可以创建一个对象来存储所选内容 main 链接和 sub 链接,然后相应地应用类。

例如,您可以通过 主要的 作为一个论据告诉我们它是一个主要的链接和检查 isActive 相应地 主要的 本身。

(click)="select('main', n.name);" [ngClass]="{active: isActive('main', n.name)}"

同样,它也可以用于 附属的 链接。

您的功能如下:

  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