我正在使用离子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'的输入。知道怎么做吗?
答案 0 :(得分:0)
我无法得到你。您可以访问" From"按钮处理程序内的字段值,对吗?
您想要访问"来自"处理程序外的字段?在这种情况下,您可以使用全局变量或服务来访问该值。
或者您想通过ID访问字段值?在这种情况下,警报控制器存在问题。 id属性永远不会写入警报的DOM。在github上报告了同样的错误。
这里是链接AlertController - Input missing id attribute from Input Options
不确定它是否回答了你的问题。