使用Angularjs动画更改悬停时的元素

Question

所以这只是我想要做的一个例子。我想使用Angularjs来设置悬停时元素的不透明度，但是我不能让它做任何事情。我一直在阅读文档，但我似乎无法弄清楚出了什么问题。任何帮助表示赞赏。见下面的例子。

http://jsbin.com/AdIXIKU/1/edit

提前谢谢

Answer 1

如果您想要转换angular：

，则无需使用hover

.reveal-animation {
    // add the vendor prefixed versions as well
    transition: all 1s;
}

.reveal-animation:hover {
  opacity: 0.5;
}

应该足够了。

如果要为输入和离开元素设置动画，则需要使用更多角度构造来确保元素像这样进入和离开： http://jsbin.com/iwudOjAW/1/edit（包含hover和enter / leave效果。）

我使用了ng-route module并通过更改网址的哈希来制作ng-view元素enter和leave。