イオン選択テキストの入手方法

Question

イオン選択オプションのテキストを取得しようとしています。ここに私のオブジェクト構造が

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

であるここに私のHTMLは、i 'はb.bench' を得ることができますどのように

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

です。 IDとベンチの両方が必要です。私は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)