Угловой 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 не было добавлено и не удалено.

Answer 1

Вы можете попробовать вот так:

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