首页 文章

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

提问于
浏览
0

我正在尝试在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>

如何在选项中添加“ age ”属性,因为我在提交表单时也需要用户ID和年龄

2 回答

  • 0
    <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
    }
    
  • 0

    我希望我能帮到你 . 你可以这样添加年龄:

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

相关问题