Question

问题是我们不想使用双向绑定。我们有这样的组件集：

<select type="text" formControlName="region" (change)="regionChanged($event)">
              <option *ngFor="let region of regionsDDL" [ngValue]="region">{{region.name}}</option>
            </select>

使用表单构建器构建表单作为被动表单：

this.fb.group({
.
region:...
.
});

我想在事件处理程序中获得的是绑定到所选选项的整个对象。像这样访问表单组值是否安全：

regionChanged($event) {
    let selectedRegion = this.basicInfoForm.controls["region"].value;
      }

或是否无法保证在（更改）事件发生之前发生表单控件值更新？

Answer 1

为其分配ngModel并使用ngModelChange()事件

<select type="text" formControlName="region" [ngModel]="someValue" (ngModelChange)="regionChanged($event)">
              <option *ngFor="let region of regionsDDL" [ngValue]="region">{{region.name}}</option>
            </select>

以角度为单位从对象边界列表中选择选项

1 个答案: