只是想看一些代码？给你：一些代码
我的问题是，使用 Angular 如何将页面上某些数据的更改（由单击触发）与淡入/淡出动画结合起来？
我可以点击更改内容，也可以点击动画，但我似乎无法让两者一起工作。
具体来说，我希望单击将一个字符更改为列表中的下一个字符，但我希望字符在交换时淡入淡出，而不是简单地改变原位。
这是一个演示这两种行为分别起作用的 plunk。看看它，如果你能建议如何让角色交换淡入/淡出而不是他们当前的即时变化，我将永远感激不尽。
问问题
587 次
1 回答
1
你想要的是一个非标准的（不是 ng-animate 范例的一部分）动画。我建议编写一个简单的指令。最终，您需要$watch进行更改，然后触发动画代码。因为动画代码是 dom 操作，所以它属于指令。考虑一个看起来像这样的指令的实现：
<div cross-fade="currentchar" ></div>
这样的指令，也可以.animation通过以下方式利用您现有的脚本$animator
于 2013-11-08T01:37:51.473 回答