angular - 如何从角度的下拉列表中获取值

Question

我正在尝试从下拉列表中获取值。但该值不会从 .html 解析为 .ts。请提供任何帮助。

.html 文件

<mat-card>
    <form (submit)="onAddName(nameForm)" #nameForm="ngForm">

        <mat-form-field appearance="fill">
            <mat-label>select one</mat-label>
            <mat-select name="name" id="name">
                <mat-option value="NAME_01">NAME 01</mat-option>
                <mat-option value="NAME_02">NAME 02</mat-option>
                <mat-option value="NAME_03">NAME 03</mat-option>
            </mat-select>
        </mat-form-field>
    
  </form>
</mat-card>

.ts 文件

 onAddName(form: NgForm) {
    if (form.invalid) {
      return;
    }
    this.nameService.addname(
      form.value.name, 
      );
    form.resetForm();
  }

在 .ts 文件中，我曾经form.value.<name-from-html>获取其他表单值并且它们有效。只有下拉列表不起作用。任何想法如何解决这个问题。

标签： angulartypescript

Answer 1

you can check out the link for getting value from the dropdown list while selecting the dropdown list selected item for that we will get the value for the respective item.

Get selected value from a drop-down list in Angular