如何获得离子选择文本

Question

我想获得离子选择选项的文本。这里是我的对象结构

{ 
"data": [ 
    { 
     "id": "203", 
     "bench": "abc" 
    }, 
    { 
     "id": "205", 
     "bench": "def" 
    }, 
    { 
     "id": "207", 
     "bench": "ghi" 
    } 
]} 

这里是我的HTML

<ion-select name="bench" formControlName="bench"> 
       <ion-option *ngFor="let b of benchList" value="{{b.id}}">{{b.bench}}</ion-option> 
      </ion-select> 

我怎么能得到 'b.bench'。我需要身份证和长凳。我通过使用value属性得到了id，但我无法找到获得替补值的方法。请帮我解决这个问题。谢谢。

Answer 1

您可以将value属性设置为对象。

<ion-select name="bench" formControlName="bench"> 
       <ion-option *ngFor="let b of benchList" [value]="b">{{b.bench}}</ion-option> 
      </ion-select> 

在组件侧：

let benchObj = formGroup.controls['bench'].value; 
console.log(benchObj.bench)