Angular 10，如何访问 <mat-select> 值？

如何解决Angular 10，如何访问 <mat-select> 值？

我正在尝试访问一个值，我的意思是选择的当前值。我正在使用 @ViewChild 装饰器，检索到的对象很大，在对其进行搜索后我找不到值数据。我正在使用本地引用 #type on 因为将它放在检索 undefined 上。

<mat-form-field class="input-group">
      <mat-select #type placeholder="{{ 'request.detail.ticketTypes' | translate }}" 
         formControlName="ticketTypes" required>
        <mat-option *ngFor="let ticketType of ticketTypesQuery.list$ | async" 
           [value]="ticketType.id">
          {{ticketType.name}}
        </mat-option>
      </mat-select>
 </mat-form-field>

这里是.ts文件代码

@ViewChild('type',{static: true}) typeSelect;

ngOnInit() {
console.log(this.typeSelect) 
}

解决方法

没必要那样做。所选值将是表单控件的实际值。

this.myFormName.controls['ticketTypes'].value;

只需使用您的表单在 .ts 文件中的声明方式更正 myFormName

,

在 HTML 中，您可以添加如下代码

<mat-select [(value)]="dropownValue">

</mat-select>

当您更改下拉值时，它将在 dropownValue 中可用。