如何获取离子选择文本

Question

我正在尝试获取离子选择选项的文本。这是我的对象结构

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

这是我的网页

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

我怎么能得到"b.bench".我需要ID和板凳。我通过使用值属性获得了 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)