Question

在mat-select中获取属于表单或不属于表单的所选选项的文本/ html的最有效方法是什么？

我真的对如何做很固执。

     <mat-form-field class="w-100">
                 <mat-select class="w-100" placeholder="{{'Activities.haveEducation' | translate}}" formControlName="edu">
                     <mat-option value="1">{{'Shared.yes' | translate}}</mat-option>
                     <mat-option value="0">{{'Shared.no' | translate}}</mat-option>

                </mat-select>                
                </mat-form-field>

，与没有表格时相同。我需要获取是/否，而不是所选ooption的1或0

Answer 1

您可以使用所选选项的viewValue属性：

<mat-form-field class="w-100">
    <mat-select #select class="w-100" placeholder="{{'Activities.haveEducation' | translate}}" formControlName="edu">
        <mat-option value="1">{{'Shared.yes' | translate}}</mat-option>
        <mat-option value="0">{{'Shared.no' | translate}}</mat-option>
    </mat-select>                
</mat-form-field>

<div>
    Selected: {{ select.selected?.viewValue }}
</div>

获取角度6，角度材质2中选定的垫子选项垫子选择的text / html值

1 个答案: