如果不存在则替换 ngModel 的值

Question

我有一个条件字段，格式如下：

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

希望能说清楚。感谢您的帮助。

Answer 1

在html中：

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

在 .ts 中：

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

如果不存在则替换 ngModel 的值

Replace value of ngModel if not exists

angular-ngmodel

angular