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>

我怎么能得到＆＃39; b.bench＆＃39; 。我需要id和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)

如何获取离子选择文本

1 个答案: