如何在不影响表格行边框的情况下为 Angular 中的整个表格行设置动画？

Question

我有一个表格，它依赖于对单个表格单元格所做的更改。如果表格单元格发生变化，我想为该单元格设置动画，同时也为所有其他表格单元格设置动画。

我正在使用类名“ng-anmiate ng-enter”

我的动画行的css如下。

.ng-enter {
   -webkit-animation: fadeIn 2s;
   -moz-animation: fadeIn 2s;
   -ms-animation: fadeIn 2s;
   animation: fadeIn 2s;
}

当我为整行设置动画时，边框会淡出，然后会淡入（我不希望边框上有任何动画，只需要表格行的所有单元格）。

我怎样才能让它工作？

Answer 1

好的，这是您想要的行为吗？我在td 中添加了一个span，然后在css 中：

.ng-enter span {
   -webkit-animation: fadeIn 2s;
   -moz-animation: fadeIn 2s;
   -ms-animation: fadeIn 2s;
   animation: fadeIn 2s;
}

这里是笨蛋：https://plnkr.co/edit/ZCv9M8QzW1jO5WzBj8OG?p=preview