如何检测Angular2中Date对象的变化?

使用setDate方法修改的date对象不会在模板中更新。

在模板中:

<p>{{date | date:'mediumDate'}}</p> 

在组件中:

  nextDay(){ this.date.setDate(this.date.getDate()+1); } 

但是当我调用nextDay函数时,模板不会更新为新的值。

唯一能让变化检测工作的方法就是这样做:

  nextDay(){ var tomorrow = new Date(); tomorrow.setDate(this.date.getDate()+1); this.date = tomorrow; } 

有没有更好的方法来完成这个相同的任务?

       

网上收集的解决方案 "如何检测Angular2中Date对象的变化?"

我认为这是正确的方法,改变datevariables的引用。 从这里的文档我们有:

默认的更改检测algorithm通过在更改检测运行之间通过引用比较绑定属性值来查找差异。

所以如果date参考保持不变,什么都不会发生。 你需要一个新的date参考,这就是为什么nextDay()的第二个版本工作。

如果您删除格式化pipe道,您将会看到仍然只有nextDay()的第二个版本起作用。