流星：动画（淡入/淡出）动态模板数据

Question

在我的Meteor模板中，我使用each迭代一个名为asks的辅助数组变量，其数组内容正在动态变化。这在Meteor中正确显示，但默认情况下没有动画。这些变化是突然的，因此很难确切地看到究竟发生了什么变化。我想在模板中设置这些数据更改的动画。如果asks[1]相同，则不执行任何操作。但是，如果asks[2]发生了更改，请淡出<tr>的旧asks[2]，并使用新的<tr>值淡入新asks[2]。怎么能实现这一目标？谢谢！

{{#each asks}}
  <tr class="ask">
    <td>{{price}}</td>
    <td>{{amount}}</td>
  </tr>
{{/each}}

Answer 1

使用_uihooks - 这是一篇很棒的文章描述它： http://www.webtempest.com/meteorjs-animation

Answer 2

此外，这个软件包可能有所帮助：https://github.com/gwendall/meteor-template-animations它基于DOM，内部使用uiHooks，但使用起来更简单。

Answer 3

添加到动画混合中的另一个选项，导入Animate.css可以在https://github.com/webtempest/meteor-animate找到。