我试图用我的离子应用程序显示现在和日期之间的区别。
这就是我正在尝试的:
控制器
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>
我的问题是,日期会自动更新视图一秒钟,然后它不会改变。
我如何告诉角度来更新视图?
答案 0 :(得分:1)
我不建议依赖Angular绑定来如此频繁地更改内容,因为他们更新的唯一方法是进行完整的摘要,如果你经常这样做会导致性能下降。
相反,创建一个带有日期值的指令,然后直接操作元素的innerHTML
来更新setInterval()
函数中剩余的时间。
不要忘记取消$destroy
范围事件中的间隔以防止内存泄漏。