Угловой выбранный параметр expressionchangedafterithasbeencheckederror

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

Когда я выбираю один из них, я хочу показать входные данные и установить требуемые параметры следующим образом:

<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>

Когда я изменяю выбранный параметр, возникает эта ошибка:

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'is-valid: true'. Current value: 'is-valid: false.

Примечание: я использую BS4.

попробуйте это stackoverflow.com/questions/51709592/…

Chellappan வ 10.08.2018 15:04

Работает для меня. Спасибо!

cunneyt 10.08.2018 15:15
2
2
655
0

Другие вопросы по теме