如果不存在,请替换ngModel的值

时间:2018-09-20 23:47:49

标签: angular angular-ngmodel

我有一个条件字段,格式如下:

<mat-form-field *ngIf="model.personIsMarried === 'Yes'">
    <input type="number" 
      matInput id="personSpouseAge" 
      [(ngModel)]="model.personSpouseAge"
      name="personSpouseAge" 
      placeholder="Spouse Age"
  </mat-form-field>

如果用户未结婚,则model.personSpouseAge的值为undefined。我想要的是将model.personSpouseAge的值设置为先前填充的model.personAge字段,例如:

填写表单的人是27岁且未结婚,因此model.personSpouseAge字段值也将是27

我希望清楚。感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

在html中:

[ngModel]="model.personSpouseAge"
(ngModelChange)="setPersonSpouseAge(model)"

在.ts中:

setPersonSpouseAge(model) {
  model.personSpouseAge = model.personSpouseAge || model.personAge
}