javascript - Meteor:动画(淡入/淡出)动态模板数据

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