Question

只是想看一些代码？在这里：some code

我的问题是，使用Angular如何将点击触发的页面上某些数据的更改与淡入/淡出动画结合起来？

我可以点击更改内容，我可以点击动画，但我似乎无法让两者一起工作。

具体来说，我想要一个点击，将一个角色更改为一个列表中的下一个角色，但我希望角色在交换时淡入淡出，而不是简单地更改到位。

Here is a plunk demonstrating the two behaviors functioning separately。检查出来，如果你可以建议如何让人物交换淡入/淡出而不是当前的瞬间变化，我将永远感激。

Answer 1

你想要的是角度的非标准（不是ng-animate范式的一部分）动画。我建议写一个简单的指令。最终，您需要$watch进行更改，然后触发动画代码。因为动画代码是dom操作，所以它属于指令。考虑一下你的指令的实现，它看起来像这样：

  <div cross-fade="currentchar" ></div>

这样的指令也可以通过$animator

利用您现有的.animation脚本