角度7：ngClass仅采用初始值

Question

考虑以下示例：

模板：

<div class="dropdown" *ngFor="let item of menu">
      <i [ngClass]="{'isActive': isActive(item)}"></i>
      ...
</div>

在组件中：

  public isActive(item: SideNavMainItem): boolean {
    return this.router.url.indexOf(item.url) !== -1;
  }

问题在于，ngClass仅在启动应用程序后才第一次正常运行，但是当我浏览链接时，没有任何变化：isActive既未添加，也未删除。 / p>

Answer 1

您可以尝试这样：

<i [class.isActive]="isActive(item)"></i>