Angularjs 为表添加效果

我有一个包含四行的

ngTable

。当用户单击表格下方的按钮时，我需要第二行的背景色（而不是文本）淡入淡出。该行在淡入时变为彩色，但两秒钟后背景色突然消失，而不是淡出。有没有办法解决这个问题

CSS

HTML

---

你应该有如下的风格

.select {

  -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
    opacity: 0.5;
}

.select.ng-hide {

   -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
    opacity: 0;
}

原因：要在chrome中查看您需要的内容

-webkit转换

您有

opacity:1

for。选择在超时发生时下一秒更改不透明度的选项

---

您的风格应该如下所示

.select {

  -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
    opacity: 0.5;
}

.select.ng-hide {

   -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
    opacity: 0;
}

原因：要在chrome中查看您需要的内容

-webkit转换

您有

opacity:1

for。选择在超时发生时下一秒更改不透明度的选项

---

您可以添加另一个css以取消选中该行

.unselect {
  background-color: transparent;
  transition: 1s linear all; 

}

然后把三元运算符放在你的ng类中

ng-class="{true: 'select', false: 'unselect'}[u.select]"

---

您可以添加另一个css以取消选中该行

.unselect {
  background-color: transparent;
  transition: 1s linear all; 

}

然后把三元运算符放在你的ng类中

ng-class="{true: 'select', false: 'unselect'}[u.select]"

---

期望值是多少？你想让淡出变慢吗？是的，背景颜色应该淡入淡出预期的颜色是什么？你想让淡出变慢吗？是的，背景颜色应该淡入淡出这与背景一起工作，但是文本在淡出时消失，不应该。对不起，现在背景只是出现和消失，没有淡入淡出。让我们在@ps0604中继续，我将把它更改为初始版本本身。我已将plunk更新为您预期的版本对不起，但是背景必须逐渐淡入/淡出此功能与背景一起工作，但是文本在淡出时消失，不应该。抱歉，但现在背景刚刚出现并消失，没有淡入或淡出。让我们在@ps0604中继续，我将其更改为初始版本本身。我已将plunk更新为您预期的版本Corry，但背景必须逐渐淡入/淡出