如何在ion-select-option中使用循环至少100个项目并绑定到.ts文件

时间:2019-04-29 12:02:40

标签: angular ionic4

我想通过任何循环在离子选择项目中使用至少18至100个年龄列表,并在.ts文件中绑定数据

mpi::environment env;
mpi::communicator world;

std::vector<int> unsorted_list{11, 36, 44, 50, 53, 67, 86, 95};
std::vector<int> list;
list.resize(2);

mpi::scatter(world, unsorted_list.data(), list.data(), 2, 0);

2 个答案:

答案 0 :(得分:0)

只需执行以下操作:

<ion-item class="my-item5" > 
    <ion-icon name='podium' item-right color="gray"></ion-icon>
    <ion-label class="gen-col">Select age</ion-label>
    <ion-select value="age" okText="Ok" cancelText="Cancel">                                       
        <ion-select-option *ngFor="let number of [18,19,20,21,22,23] value="number">{{number}}</ion-select-option>
    </ion-select>
</ion-item>

如果要摆脱[18,19,20,...]数组,只需在ts文件中使用for循环创建一个数组并绑定到该数组。

例如这样的例子:

let arr = [];
for (let i = 18; i < 100; i++) {
    arr.push(i);
}

this.ageList = arr;

如果这对您有所帮助,如果您接受我的回答,我会很高兴:)

答案 1 :(得分:0)

我找到了上述问题的解决方案 在.htmnl中 ion-select-option * ngFor =“ let age of ageList”> {{age}}

在.ts中 ageList:Array = []; this.ageList = Array.from({length:90},(v,k)=> k + 18);