如何獲得離子選擇文本

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)