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

【问题标题】：Get value from alert in ionic从离子中的警报中获取价值
【发布时间】：2018-08-11 15:41:50
【问题描述】：

我正在使用 ionic 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' 的输入。知道怎么做吗？

【问题讨论】：

不要使用警报，it's not recommended 和模式会给你更多的控制。答案here 提供了使用模式的自动完成的完整实现。

标签： javascript html typescript ionic-framework ionic3

【解决方案1】：

我无法得到你。您可以访问按钮处理程序中的“From”字段值，对吧？

您想访问处理程序之外的“发件人”字段吗？在这种情况下，您可以使用全局变量或服务来访问该值。

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

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

不确定它是否能回答您的问题。

【讨论】：