“使用相同组件的两个实例时，”在检查后表达式已更改“

Question

我的网页结构：

- 主要组件

---组件A

-------日期选择器

---组件B

-------日期选择器

导致错误的日期选择器代码：

<div class="input-group" [ngClass]="
               {
               'error': !calendar.valid
               }">
<p-calendar #calendar="ngModel" ...>

1）如果我删除'calendar.valid'一切正常

2）如果我像这样重写它，一切正常：

<div>
{{calendar.valid}}
</div>

3）或者，如果我在我的页面上只使用一个日期选择器 - eveything正常工作

- 主要组件

---组件A

-------日期选择器

---组件B

4）或者，如果我将此代码添加到日期选择器，一切正常：

  ngAfterViewInit() {
    this.changeDetectorRef.detectChanges();
  }

编辑：从角度2更新到角度4

后，此错误开始发生