Angular - ExpressionChangedAfterItHasBeenCheckedError on binding
Angular - ExpressionChangedAfterItHasBeenCheckedError on binding
提问于 2017-06-06 16:48:05
我有一个<input>字段和一个组件，它们绑定了一个公共模型。我在组件中使用ngOnChanges()来检查该输入的值，并且我还在此组件中的某处更改绑定到该输入的模型。
假设我们将date变量绑定到<input>和组件。在这种情况下会出现错误：
input field changed (also date changed)
--> ngOnChanges
--> new value of date doesn't fit requirements
--> change the date to something else
--> <input> emits the new date
--> ngOnChanges() triggered again
--> ExpressionChangedAfterItHasBeenCheckedError下面是我的部分代码：
app.component.html
...
<input [(ngModel)]="date">
<app-date-picker [date]="date" (dateUpdated)="setDate($event)"></app-date-picker>
...app.component.ts
setDate(newDate: Date): void {
this.date = newDate.toISOString().split('T')[0];
}date-picker.component.ts
ngOnChanges(changes: SimpleChanges): void {
if (changes.date) ... // Do some checks
if (invalidDate) {
...
this.select(newDay);
}
}
select(d: number): void {
this.selectedYear = this.year;
this.selectedMonth = this.month;
this.selectedDay = this.day = d;
this.dateUpdated.emit(new Date(this.year, this.month, this.day + 1));
}回答 1
Stack Overflow用户
发布于 2017-06-06 20:50:09
我通过使用超时更改日期来解决这个问题：
ngOnChanges(changes: SimpleChanges): void {
if (changes.date) ... // Do some checks
if (invalidDate) {
...
setTimeout(() => { select(newDay); }, 50);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44385421
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号