Meteor: 动态模板数据的淡入/淡出动画效果

Question

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

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

- Jon Cursi

---

我是新手，但我会在 trs 中添加 id=this.id，以便稍后进行动画处理，并阅读有关 Meteor 的 Ttracker。 - yoK0

Answer 1

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

- Rune Jeppesen

Answer 2

在动画的选择中，又增加了一个选项，可以导入Animate.css，此处可以找到https://github.com/webtempest/meteor-animate。

- akotian

Answer 3

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

- Gopalakrishna Palem