ngFor не вызывает событие onChanges в дочерних компонентах

Question

Итак, у меня есть небольшой пример, за который я платил тем, чего пытался достичь:

  <div *ngFor="let card of cards; let i = index">
    <app-card
      [card]="card"
      [index]="i"
      (cardClicked)="cardClicked($event)"
    ></app-card>
  </div>

После обновления массива карточек получает новое значение от субъекта, он не вводит значения новой карточки к дочерним компонентам.

Я пытался использовать asyn c pipe и ChangeDetection ref. Ничто не похоже на работу. Это анти паттерн в angular? Вот полное воссоздание проблемы: https://github.com/ElesGergo/testangularrepo

URL: где проблема / game / gameBoard / 4

Поток: пожалуйста, проверьте на консоли.

1. Родительский компонент подписывается на тему поведения массива карточек в игровом сервисе.
2. Пользователь нажимает на 2 карты. (Дочерний компонент)
3. Родительский компонент получает значения данные карты от дочернего элемента.
4. Родительский компонент вызывает игровой сервис, который обновляет тему своего поведения и передает обновленный cardArray родительскому компоненту.
5. Родительский компонент повторно отображает свой вид и @ вводит обновленные значения ( eg.flipped) к каждому дочернему компоненту.