Ionic 2 / 3：警报输入的数字

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 设置为对象 [object]。如果我这样写。table.number = +data;它的值为 NaN。推送版也不行。

如何将 table.number 设置为用户输入的数字？

Answer 1

输入名称

name: 'tableNumber'

作为属性名称添加到生成的对象中。您可以这样访问它：

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

Ionic 2 / 3：警报输入的数字

Ionic 2 / 3: Number Input from Alert

arrays

input

typescript

ionic2

ionic3