如何自动更新日期差异

Question

我试图用我的离子应用程序显示现在和日期之间的区别。

这就是我正在尝试的：

控制器

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>

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

我如何告诉角度来更新视图？

Answer 1

我不建议依赖Angular绑定来如此频繁地更改内容，因为他们更新的唯一方法是进行完整的摘要，如果你经常这样做会导致性能下降。

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

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