angularjs - 在新数据到达 Meteor 时对其进行动画处理

Question

我是 meteor 和 minimongo 的新手，所以我有点不知道该怎么做，我已经做了研究，但找不到太多，因为我使用的是 angular+meteor 而不是 blaze。

我的服务器上有一个在我的客户端( Angular )上订阅的集合。每次将新元素添加到我的服务器集合时，客户端都会同步并更新 minimongo，它工作正常。

现在我想为这个新的“事件”设置样式，例如，当一个新元素添加到我的 mongo 数据表(html)中的集合中时添加动画/淡化背景颜色(通过 ng- 在助手上迭代重复)，但无法真正找到正确执行此操作的方法。

我找到了Cursors它可能会解决问题，但我无法弄清楚我应该如何在我的 Angular 前端实现它。

有人已经尝试过，或者可以为我的研究指明方向吗？

谢谢

Answer 1

你是对的 - 光标可能会解决问题。和 observeChanges 特别是方法。由于您只是要求为您指明方向，而且我对 Anguler 不熟悉，因此我不提供整个代码，仅提供一些建议:

1. 使用文档的 ID 填充表格行元素，以便以后能够访问它。 ( <tr class="..." data-id="q1w2e3r4t5">...</tr> )
2. 然后你可以将一个观察者附加到你的光标上，并为新添加的元素添加一个 CSS 类:cursor.observeChanges({added: (id) => $('[data-id=${id}]').addClass('animate')})

3. 要启用动画，请在 CSS .animate 中的某处定义任何你喜欢的动画。您可以在有关此的其他 SO 帖子中找到帮助。它可能就像 f.e.

   @keyframes highlight {
from {background-color: yellow;}
to {background-color: white;}
}
.animate {
animation: highlight 1s;
}


希望它对你有用。