我正在Ionic 1 Modal中实现Google地图自动完成功能。
模式HTML代码:
<style type="text/css">
.pac-container {
z-index: 3000 !important;
}
.modal-open {
pointer-events: auto !important;
}
</style>
<ion-modal-view>
<ion-header-bar>
</ion-header-bar>
<ion-content class="feed-content" scroll="true">
<input type="text" id="location" name="location" placeholder="City
or ZIP code">
</ion-content>
</ion-modal-view>
我的控制器代码:
$ionicModal.fromTemplateUrl('templates/ride/googleplace.html', {
scope: $scope,
animation: 'slide-in-up'
}).then(function(modal) {
$scope.modalGooglePlace = modal;
// $scope.modal.show();
});
$scope.openGooglePlace = function() {
console.log("Modal");
/*prepare modal*/
$scope.modalGooglePlace.show();
var input = document.getElementById('location');
autocomplete = new google.maps.places.Autocomplete(input,
options);
}
我面临的问题是,在开始在输入字段中输入内容后,列表会出现,但是当我尝试通过仅单击该列表来选择位置时,列表将关闭,并且输入中没有任何显示。 谁能帮助我解决这个问题。