如何在ionic 3选择选项中添加多个数据属性

Question

我试图在select选项中添加属性， 我有json喜欢 -

this.userlists = { "id":1 "name":"John", "age":31 };

<ion-select [(ngModel)]="userdtl">
    <ion-option *ngFor="let ul of userlists" value="{{ul.id}}">{{ul.name}}</ion-option>
</ion-select>

如何添加＆＃34; 年龄＆＃34;选项中的属性，因为我在提交表单时也需要用户ID和年龄

Answer 1

我希望我能帮到你。您可以这样添加年龄：

<ion-option *ngFor="let ul of userlists" value="{{ul.id}}">{{ul.name}} {{ul.age}}</ion-option>

Answer 2

<form (ngSubmit)="submitForm()">
...
  <ion-select [(ngModel)]="userdtl">
    <ion-option *ngFor="let ul of userlists" value="{{ul}}">{{ul.name}}</ion-option>
</ion-select>
...
</form>

在你的ts-fie中

submitForm(){

  [do something whit this.userdtl] //it contains the complete record including age because value is set to ul
}