如何自动更新日期差异

Question

我正在尝试在我的离子应用程序中使用 moment 来显示现在和日期之间的区别。

这就是我正在尝试的：

控制器

this.getElapsedTime = function(){
    return moment(moment(new Date()).diff(moment(this.user.date))).format("HH:mm:ss");
};

查看

<span class="footer-title">Tempo trascorso: {{myCtrl.getElapsedTime()}}</span>

我的问题是日期会自动更新视图一秒钟，然后它就不会改变。

如何让 angular 始终更新视图？

Answer 1

我不建议依赖 Angular 绑定来如此频繁地更改某些内容，因为它们更新的唯一方法是进行完整摘要，如果过于频繁会降低性能。

相反，创建一个接受日期值的指令，然后直接操作元素的 innerHTML 以更新 setInterval() 函数中的剩余时间。

不要忘记在 $destroy 范围事件中取消间隔以防止内存泄漏。