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

Posted

技术标签:

【中文标题】Ionic 2 / 3:来自警报的数字输入【英文标题】:Ionic 2 / 3: Number Input from Alert 【发布时间】:2017-12-29 04:47:24 【问题描述】:

我在 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。推送版本也不行。

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

【问题讨论】:

【参考方案1】:

输入的名称

name: 'tableNumber'

作为属性名称添加到结果对象中。你可以这样访问它:

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

【讨论】:

太棒了!有效!感谢您的快速答复:) 不客气!如果您觉得此答案有用,请务必点赞。 系统自动完成的,抱歉。我只知道获得了超过 15 个代表。在那之前,一个人是不允许投票的,所以系统拿走了我的投票。现在它会留下来 :) 再次感谢您!

以上是关于Ionic 2 / 3:来自警报的数字输入的主要内容,如果未能解决你的问题,请参考以下文章

Ionic 2 警报自定义

在swift 3中显示来自自定义单元格的警报

Ionic 3 - 在警报控制器中设置 id 值

Ionic 2 警报组件属性创建在警报类型上不存在

警报控制器输入框验证

Ionic 3 - 无法点击谷歌地图上方显示的警报对话框