Ionic 2/3：來自Alert的數字輸入

Question

首先我在macOS上使用Ionic 3.x。

我有以下問題：

我具有包含號碼和名稱的數組的數組。

table: { number: number, names: string[] } = { 
    number: 0, 
    names: [''] 
    }; 

我想使用用戶輸入設置數組的編號。我偶然發現了AlertController。

我寫了下面的功能的東西增加號碼：

addTable(){ 

    let prompt = this.alertCtrl.create({ 
     title: 'Add Table', 
     subTitle: 'Enter the table number', 
     inputs: [{ 
     name: 'tableNumber', 
     placeholder: 'Number', 
     type: 'number' 
     }], 
     buttons: [ 
     { 
      text: 'Cancel' 
     }, 
     { 
      text: 'Add', 
      handler: data => { 
      //this.tables.push(data); 
      this.table.number = data; 
      } 
     } 
     ] 
    }); 

    prompt.present(); 

    } 

但這始終將table.number反對[對象]。如果我把它寫成this.table.number = + data;它具有值NaN。推版本也不起作用。

如何將table.number設置爲用戶放入的數字？

謝謝你的幫助！

Answer 1

輸入

name: 'tableNumber' 

的名稱被添加作爲一個屬性名稱生成的對象。你可以這樣訪問它：

handler: data => { 
    this.table.number = data.tableNumber; 
}