問題

我想用ionic4建立一個ion-select選單,使用者可以從20到220選擇值,但沒有手動編寫20,21,22等...

我已經嘗試實現這個帖子 Tersest的方法,以在JavaScript 中建立1 ..20的整數陣列

但我不知道如何使用打字稿將此javascript程式碼轉換為我的ionic4應用程式...

謝謝你的幫助.

  最佳答案

你能做的是

  • 首先,建立一個包含數字的陣列

     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>
     

如果您可以共享您現有的程式碼庫,您希望實現這個功能,我可以專門向您展示新增程式碼的地方!

  相同標籤的其他問題

angulartypescriptionic4