我正在尝试用角度动画显示异步数据表。 如果仅插入了新数据,则仅应将新插入的数据行从左向右滑动, 如果从数据库删除行中删除的数据需要从左到右删除。 我尝试了来自角度官方网站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>