角度奇怪的UI绑定行为为Date

Question

当我尝试将日期对象绑定到UI时，我遇到了一个奇怪的UI绑定问题。基本上我正在尝试使用单击事件更改UI中的日期值。数字和字符串工作正常但不是日期。我已将代码放在此处：https://stackblitz.com/edit/angular-yxpjwb?file=src%2Fapp%2Fheroes%2Fheroes.component.html

如您所见，单击按钮时，日期字段（currentDate）未触发更改。但是，如果你删除旁边的<br />，如下所示，一切都会正常。

{{currentDate}}
{{currentName}}<br />
{{currentNumber}}<br />
<button (click)="change()">Change Values!</button>

我也尝试将按钮放在字段之间。以下不起作用

{{currentDate}}
<button (click)="change()">Change Values!</button>
{{currentName}}<br />
{{currentNumber}}<br />

我发现日期绑定只有在与其他字段相邻时才会被处理/刷新！

这是一个错误还是背后有任何技术原因？

Answer 1

每trotyl，

预期的行为。你将currentDate绑定到view并且currentDate根本没有改变。 对象值不会进行递归深度比较。

请参阅：https://github.com/angular/angular/issues/22604