Question

我有反应式：

this.form = this.formBuilder.group({
      classNumber: [null, [Validators.required]],
});

模板是：

<mat-select formControlName="classNumber"
placeholder="{{ 'select_period' | translate }}">
  <mat-option [value]="c.classNumber"
     *ngFor="let c of filter.data.classNumbers">{{ c.classNumber }}</mat-option>
</mat-select>

如何获取所选[value]="c.classNumber"的名称？

Answer 1

在组件中，您可以使用this.form.get('classNumber').value获取select的当前值。您需要某种触发器来运行此代码，例如单击按钮。

如果您希望在更改选项时从表单中获取值，则可以使用valueChanges订阅，如下所示：

ngOnInit(): void {
  this.form.get('classNumber').valueChanges.subscribe(
    (value) => console.log(value) // Or whatever code you wanted to run
  );
}

现在，每次在您的选择中更改选项时，控件的值都会记录到控制台，或者将触发您要在订阅中运行的任何代码。

如何在ReactiveForm中获取所选选项的id.value？

1 个答案: