網站搜尋

javascript - 在 ionic 中從 alert 獲取值


我正在使用 Ionic 3,我想取得輸入內容並使用 Google 地圖為其添加一些自動完成功能。我在我的 .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

我無法理解你。你可以在按鈕處理程序中訪問「From」欄位的值,對吧?

你想在處理程序之外訪問「From」欄位嗎?在這種情況下,你可以使用全域變數或服務來訪問該值。

或者你想透過 id 存取欄位的值?在那種情況下,警示控制器有一個問題。警示的 id 屬性從未寫入到 DOM。有一個在 GitHub 上報告的相同錯誤。

這是連結 AlertController - 輸入選項中缺少 id 屬性

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