如何使用角度6在mat-select中获取下拉文本

Question

这是我的代码HTML：

<mat-list-item class="primary-imenu-item" role="listitem">
    <mat-select class="form-control" multiple formControlName="statusCode" (selectionChange)="getSelectedOptionText($event)">
        <mat-option *ngFor="let list of statusList" [value]="list.id" checkboxPosition="before">
            {{list.code}}
        </mat-option>
    </mat-select>
</mat-list-item>

TS代码：

getSelectedOptionText(event: MatSelectChange) {
    let selectedData = {
        code: (event.source.selected as MatOption).viewValue,
        value: event.source.value
    };

    console.log(selectedData);
}

在那个'selectedData'中，我得到的代码值是不确定的。我需要从下拉列表中获取代码值。请帮助我。在此先感谢

Answer 1

选项值应设置为[value] =“ list.value”

<mat-option *ngFor="let list of statusList" [value]="list.value" 
    checkboxPosition="before">
    {{ list.code }}
</mat-option>