Обновление дочернего компонента при использовании trackBy

Question

У меня есть список предметов, к которым я применяю ошеломляющую анимацию.Я использую trackBy, чтобы анимация входа не повторялась при обновлении элементов (например, при изменении имени / добавлении закладок).

Я могу обновить имя, и изменения появятся, но когда я обновлюстатус "в закладки" - я не вижу изменений.Элемент обновляется, но он просто не отображается.

Я упростил код шаблона:

list.html:

<div class="list" *ngIf="projects" @list>
  <div *ngFor="let item of itemList; trackBy: trackByFn" [@items]="itemList.length">
    <list-item [item]="item" (bookmark)="onBookmark($event)"></list-item>
  </div>
</div>

list-item.html:

<div class="item">

  <div class="bookmark" (click)="emitBookmark()">
    // this doesn't change
    <i class="fa-bookmark" [ngClass]="item.metadata.bookmarked ? 'fas' : 'far'"></i>
  </div>

  // this updates, no problem
  <div class="name">{{ item.name }}</div>

</div>

Я искал целую вечность и не могу найти решение.Стратегии ChangeDetection, похоже, не помогают.