Dynamic dropdown not working properly in ionic 3

时间:2017-11-13 06:07:57

标签: ionic-framework ionic2 ionic3 ionic-native

You can change here also ->https://stackblitz.com/edit/ionic-djze7u

home.html

<ion-content padding>
  <ion-card>
    <ion-card-content *ngFor="let item of users">
      <ion-row>
        <ion-label>{{item.name}}:</ion-label>
        <ion-label>{{item.age}}</ion-label>

Here is the loop which I want to show value into dropdown according to item.term

         <ion-select [(ngModel)]="check[item.age]">
          <ion-option value="0" selected>0</ion-option>
          <ion-option *ngFor="let v of caldrop(item.term)" value="{{v}}">
            {{v}}
          </ion-option>
        </ion-select>
      </ion-row>
    </ion-card-content>
  </ion-card>
</ion-content>

Home.ts

export class HomePage {

according to this term vale dropdown will show from 0 to this term value

 users:any = [
    { name: 'Composite Factory', age: 1, term:2 },
    { name: 'Todd', age: 2, term:1 },
    { name: 'Lisa', age: 3, term:4 }
  ];
  check:any = [];
  constructor(public navCtrl: NavController) {
  }
  caldrop(myval:any){
    console.log(myval)
    let myarr:any = [];
    for(let i=1;i<=myval;i++){
      myarr.push(i);
    }
    return myarr;
  }
}

0 个答案:

没有答案