從離子中的警報中獲取價值

Question

我正在使用離子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'的輸入。 知道怎么做嗎？

Answer 1

我無法得到你。 您可以訪問按鈕處理程序中的“From”字段值，對嗎？

您想要訪問處理程序外部的“發件人”字段嗎？ 在這種情況下，您可以使用全局變量或服務來訪問該值。

或者您想通過ID訪問字段值？ 在這種情況下，警報控制器存在問題。 id屬性永遠不會寫入警報的DOM。 在github上報告了同樣的錯誤。

這是鏈接AlertController - 輸入選項中輸入缺少的id屬性

不確定它是否回答了你的問題。