Angular 角度选择选项表达式ChangedTerrithasBeenCheckedError 未婚的 离异 已婚的

当我选择其中一个时，我想显示输入并像这样设置required-

<select [(ngModel)]="maritalStatus.code" ></select>
<option [value]="1" >Unmarried</option>
<option [value]="3" >Divorced</option>
<option [value]="2" >Married</option>

结婚日期
此字段必填。
离婚日期
此字段必填。

更改所选选项时，会发生以下错误：

错误：ExpressionChangedTerrithasBeenCheckedError:表达式 已在检查后更改。上一个值：“有效：true”。 当前值：'有效：false

---

注意：我正在使用BS4。

试试这个对我有用。非常感谢。

<div *ngIf="maritalStatus.code===2">
  <label> Marriage Date </label>

  <input type="date" #mDate="ngModel" 
  [required]="maritalStatus.code===2" 
  [(ngModel)]="marriageDate"  [ngClass]="{'is-valid':mDate.valid,'is- 
  invalid':mDate.invalid}" > 

  <div *ngIf="mDate.invalid">
  This field is required.
  </div>

</div>

<div *ngIf="maritalStatus.code===3">
   <label> Divorce Date </label>

   <input type="date" #dDate="ngModel" [required]="maritalStatus.code===3" 
   [(ngModel)]="divorceDate" [ngClass]="{'is-valid':dDate.valid,'is- 
  invalid':dDate.invalid}"  > 

   <div *ngIf="Date.invalid">
  This field is required.
  </div>

</div>