Анимация Angular2 с асинхронным массивом данных в таблице начальной загрузки

Question

Я пытаюсь отобразить асинхронную таблицу данных с угловой анимацией.если новые данные вставлены, только новая вставленная строка данных должна скользить слева направо, если данные, удаленные из базы данных, удаленную строку необходимо удалить слева направо.Я попробовал пример с углового официального сайта https://stackblitz.com/angular/vbqvbgqalxe?file=src%2Fapp%2Fhero-list-enter-leave.component.ts Но мне не удалось применить его только к некоторым специальным строкам.

Вот мой код

client.component.ts

 people$: Observable<Person[]>;

 this.people$ = this.clientService.getDbData().map(res =>res);

client.component.html

  <tr *ngFor="let person of people$ | async " [style.color]="person.randomNum < person.second ? '#F61227':'#13F612'">
    <td style="width: 10%">{{person.Id}}</td>
    <td style="width: 10%">{{person.second}}</td>
    <td style="width: 10%">{{person.randomNum}}</td>
    <td style="width: 30%">{{person.name}}</td>
    <td style="width: 40%">{{person.surname}}</td>
  <tr>