Javascript 谷歌将自动完成角度指令放置在触摸设备上不起作用

我正在尝试使用Google Places的自动完成来创建一个自动完成城市名称的输入。当点击“自动完成”列表时，“自动完成”字段将选择一个城市。它可以在桌面上正常工作，但不能在移动设备上正常工作。当我选择我想要的城市时，它不会隐藏自动完成列表或将城市设置为输入值

我的指示如下：

angular.module（'googlePlacesAutocomplete'，[]） .指令（“gPlacesAutocomplete”，gPlacesAutocomplete）

我看到许多解决方案建议在指令中添加以下事件将解决此问题：

$timeout(function() {
    var container = document.getElementsByClassName('pac-container');
    angular.element(container).attr('data-tap-disabled', 'true');
    angular.element(container).on("click", function(event){
        element.blur();
    }); },500);

我已经试过了，但它不能解决问题。添加此解决方案后，将自动完成隐藏，但不会使用选定的城市更新模型。我在API中使用角度材质

HTML如下所示：

<div class="col-xs-12 col-md-5">
     <md-input-container class="md-block">
           <label>From</label>
           <input g-places-autocomplete autocomplete="off" id="origin" ng-focus="vm.disableTap('origin')" type="text" name="origin" ng-model="vm.query.origin">
      </md-input-container>
</div>

从…起

有人能提供更多的见解吗？我错过了什么。我读过很多文章，认为这是因为快速点击

您可以在以下位置查看一个实例并在手机上试用：

---

非常感谢您的帮助

在什么方面“不起作用”-请描述问题比“不起作用”好一点嗨@JaromandaX，我更新了我的问题。非常感谢。“看来你解决了这个问题，”何塞·卡里洛说。我在我的iPhone上测试了Trypp.com，它运行正常。请考虑邮寄答案并将其标记为已解决。其他人可能也有同样的问题（比如我…），我将应用升级到Angular。最初的问题是针对AngularJS的。它以什么方式“不起作用”-请将问题描述得比“不起作用”好一点Hi@JaromandaX，我更新了我的问题。非常感谢。“看来你解决了这个问题，”何塞·卡里洛说。我在我的iPhone上测试了Trypp.com，它运行正常。请考虑邮寄答案并将其标记为已解决。其他人可能也有同样的问题（比如我…），我将应用升级到Angular。最初的问题是针对AngularJS的。

<div class="col-xs-12 col-md-5">
     <md-input-container class="md-block">
           <label>From</label>
           <input g-places-autocomplete autocomplete="off" id="origin" ng-focus="vm.disableTap('origin')" type="text" name="origin" ng-model="vm.query.origin">
      </md-input-container>
</div>