如何从选择选项 ionic 3 中获取其他价值

Question

我有这样的东西 .html

<ion-item>
    <ion-label>Choose Industry Type</ion-label>
    <ion-select (ionChange)="getOuterName()" [(ngModel)]="getSelectedValue">
        <ion-option *ngFor="let some of someItems" value="{{some.id}}">
            {{some.name}} </ion-option>
    </ion-select>
</ion-item>
<p>{{getSelectedValue}}</p>

.ts

someItems = [{'id': 1, 'name':'Agriculture','othervalue':'123'},
          {'id': 2, 'name':'Chemicals','othervalue':'1234'},
          {'id': 3, 'name':'Pesticides','othervalue':'12345'}];
getOuterName(){
 console.log(this.getSelectedValue);
 let term = this.someItems.filter(item => item.othervalue ===this.getSelectedValue );
}

我可以在 'getSelectedValue' 中显示 'othervalue' 而不更改 value="{{some.id}}"离子选项？

Answer 1

你可以做的只是将整个对象绑定到value

html:-

<ion-item>
        <ion-label>Choose Industry Type</ion-label>
        <ion-select (ionChange)="getOuterName()" [(ngModel)]="getSelectedValue"  >
            <ion-option *ngFor="let some of someItems" [value]="some" >
                {{some.name}} </ion-option>
        </ion-select>
    </ion-item>

在 .ts:-

 someItems = [{'id': 1, 'name':'Agriculture','othervalue':'123'},
          {'id': 2, 'name':'Chemicals','othervalue':'1234'},
          {'id': 3, 'name':'Pesticides','othervalue':'12345'}];

getOuterName(){
// Your can call your **this.getSelectedValue** and its properties
 console.log( this.getSelectedValue.id + this.getSelectedValue.name);

 let term = this.someItems.filter(item => item.othervalue ===this.getSelectedValue.othervalue );
}

这样你就可以同时拥有id 和othervalue