网站搜索

数组 - Ionic 2/3:来自警报的数字输入


我在 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]。如果我写成 this.table.number=+data; 它的值就是 NaN。push 版本也不起作用。

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

答案#1

输入的名称

name: 'tableNumber'

被添加为结果对象的属性名。你可以这样访问它:

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