在新数据到达Meteor时动画化

Question

我是meteor和minimongo的新手，所以我有点迷失了做什么，我已经完成了研究，但由于我使用的角度无法找到很多+流星而不是火焰。

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

现在我想设计这个新的＆＃34;事件＆＃34;例如，当一个新元素被添加到我的mongo数据表（html）中的集合中时添加动画/渐变背景颜色（通过ng-repeat对助手进行迭代）但是无法真正找到一种方法这是正确的。

我发现了Cursors并且它可以解决这个问题，但我无法弄清楚如何在我的角度前端实现它。

任何尝试过的人都已经或可能指出我的研究方向了吗？

由于

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; }

希望它适合你。

Answer 2

你在Cursor的正确轨道上。您可以使用cursor.observe（回调）。例如，您可以收听添加事件，并在添加新文档时执行动画。