从离子中的警报中获取价值

时间:2018-03-03 15:31:28

标签: javascript html typescript ionic-framework ionic3

我正在使用离子3,我想获取输入并使用谷歌地图添加一些自动完成。 我的.ts文件中有以下警报。

let alert = this.alertCtrl.create({
    title: 'Offer a Ride',
    inputs: [
      {
        name: 'From',
        placeholder: 'From',
        id: 'From'
      },
      {
        name: 'To',
        placeholder: 'To',
        type: 'text',
        id: 'To'
      },
      {
        name: 'Date',
        placeholder: 'Date',
        type: 'date'
      }
    ],
    buttons: [
      {
        text: 'Cancel',
        role: 'cancel',
        handler: data => {
          console.log('Cancel clicked');
                elem.style.filter='none';
        }
      },
      {
        text: 'Offer',
        handler: data => {
          elem.style.filter='none';
          var from = data.From;
          var to = data.To;
          //this.navCtrl.setRoot (TabsPage, {from:from, to:to});
            let toast = this.toastCtrl.create({
            message: 'Location was set Successfully',
            duration: 3000
          });
          toast.present();
        }
      }
    ]
  }); 

我想做以下事情:

var autocomplete;
autocomplete = new google.maps.places.Autocomplete(
          (document.getElementById('From')),
          {types: ['geocode']});

然而,我无法获得id' From'的输入。知道怎么做吗?

1 个答案:

答案 0 :(得分:0)

我无法得到你。您可以访问" From"按钮处理程序内的字段值,对吗?

您想要访问"来自"处理程序外的字段?在这种情况下,您可以使用全局变量或服务来访问该值。

或者您想通过ID访问字段值?在这种情况下,警报控制器存在问题。 id属性永远不会写入警报的DOM。在github上报告了同样的错误。

这里是链接AlertController - Input missing id attribute from Input Options

不确定它是否回答了你的问题。