angularjs – 当新数据到达Meteor时生成动画

发布时间：2020-12-17 18:09:07 所属栏目：安全来源：网络整理

导读：我是meteor和minimongo的新手,所以我有点迷失了做什么,我已经做了研究,但由于我使用角度流星而不是火焰,所以找不到太多. 我的服务器上有一个在我的客户端订阅的集合(有角度).每次将新元素添加到我的服务器集合时,客户端会同步并更新minimongo并且它正常工作.

我是meteor和minimongo的新手,所以我有点迷失了做什么,我已经做了研究,但由于我使用角度流星而不是火焰,所以找不到太多.

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

现在我想设置这个新的“事件”,例如当一个新元素被添加到mongo数据的表(html)中的集合中时添加动画/渐变背景颜色(通过ng-repeat对辅助进行迭代)但是真的找不到办法做到这一点.

我找到了Cursors,它可能会有所作为,但我无法弄清楚我应该如何在我的角度前端实现它.

有人试过已经或可能指出我的研究方向吗？

谢谢

解决方法

你是对的 – 光标可能会成功.特别是 observeChanges方法.既然你只是要求你指明方向而且我不熟悉Anguler,我不是提供整个代码,只是一些建议：

>使用文档的id填充表行元素,以便以后可以访问它. (< tr class =“...”data-id =“q1w2e3r4t5”> …< / tr>)
>然后,您可以将一个观察者附加到光标并将CSS类添加到新添加的元素：cursor.observeChanges({added：(id)=> $(‘[data-id = ${id}]’). addClass( ‘动画’)})
>要使用您喜欢的任何动画,在CSS .animate中的某个位置启用动画定义.您可以在其他SO帖子中找到有关此问题的帮助.它可能像f.e.

@keyframes突出显示{
????来自{background-color：yellow;}
????到{background-color：white;}
}
.animate {
??动画：突出显示1s;
}

希望对你有效.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!