角度奇怪的UI绑定巴哈维奥日期

Question

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

如您所见，单击按钮时不会触发日期字段(当前日期(的更改。但是，如果您按如下所示删除旁边的<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

per trotyl，

预期行为。您正在绑定当前日期以查看，并且当前日期根本没有更改。对象值不会有递归深度比较。

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