如何自动更新日期差异

时间:2016-01-12 06:58:21

标签: angularjs date ionic-framework momentjs

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

这就是我正在尝试的:

控制器

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>

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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