angular - 具有 i 到 j 值的 ionic 选择

Question

我想用 ionic4 创建一个 ionic 选择菜单，用户可以在其中选择 20 到 220 之间的值，但无需手动编写 20、21、22 等...

我已经尝试实现这篇文章的方法 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>
  

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