ion-select 具有 i 到 j 值

Question

我想用 ionic4 创建一个 ion-select 菜单，用户可以在其中 select 从 20 到 220 的值，但无需手动编写 20、21、22 等...

我试过实现这个方法 post Tersest way to create an array of integers from 1..20 in JavaScript

但我不知道如何使用 typescript 将此 javascript 代码转换为我的 ionic4 应用程序...

感谢您的帮助。

Answer 1

你能做的是

• 首先，创建一个包含数字的数组

  numbers = [];
  

• 然后在你的 ngOnInit 函数中创建一个 for 循环来添加数字

  ngOnInit() {
    for (let i = 20; i <= 220; i++) {
       this.numbers.push(i);
    }
  }
  

• 然后在您的 HTML 文件中使用数组，如下所示

  <ion-select>
      <ion-select-option *ngFor="let num of numbers">{{num}}</ion-select-option>
  </ion-select>
  

如果您可以在希望实现此功能的地方共享现有代码库，我可以具体向您展示添加代码的位置！