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

Question

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

{{#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

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