3

我试图在 mat-table 添加或更改时为 mat-table 中的行设置动画。我有以下动画：

import { animate, keyframes, sequence, style, transition, trigger } from '@angular/animations';

export const rowUpdate =
  trigger('rowUpdate', [
    transition('void => *', animate('5000ms', keyframes([
      style({backgroundColor: 'initial', boxShadow: 'none', offset: 0} ),
      style({backgroundColor: 'red', boxShadow: '0 0 5px red', offset: 0.1} ),
      style({backgroundColor: 'initial', boxShadow: 'none', offset: 1} ),
    ])))
  ]);

我在 HTML 上调用它：

<tr mat-row *matRowDef="let row; columns: displayedColumns;" [@rowUpdate]="">

当我更改或更新一行时它可以正常工作，问题是我可以隐藏/显示列，当我添加一个新列时所有表突出显示，我希望这仅在我添加/更改行时发生，而不是在我添加新行时列。

知道我该如何控制这个吗？

编辑 1：我已经尝试过这个解决方案：通过 css 突出显示

但是我还有另一个问题，当我对表格进行排序时，动画再次出现，我不想要它。我试图删除课程，但我不能。

4

0 回答 0