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

Posted 2023-03-13

【中文标题】从离子中的警报中获取价值

【英文标题】：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 提供了使用模式的自动完成的完整实现。

【参考方案1】：

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

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

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

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

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