Google商家信息自动完成下拉列表无法在移动浏览器中点击

Question

我已将此Google Angular JS指令自动完成，并且工作正常。我的问题是，当我在谷歌浏览器或Safari等移动浏览器上试用它时，移动设备，pac项目，.pac容器不允许我点击下拉列表。这是我的指示：

angular.module('wtSharedUtil').directive('googleplace', [ function() {

  return {

    restrict: 'A',

    require : '?ngModel',

    link: function (scope, element, attrs, model) {
      var options = {
      };
      scope.gPlace = new google.maps.places.Autocomplete(element[0], options);

      google.maps.event.addListener(scope.gPlace, 'place_changed', function() {
        scope.$apply(function() {
          model.$setViewValue(element.val());

        });
      });
    }
  };
}]);

我找到了一个jQuery解决方案，但它不是一个好的解决方案：

$(document).on({
    'DOMNodeInserted': function() {
      $('.pac-item, .pac-item span', this).addClass('needsclick');
      console.log('disabletap ready')
    }
  }, '.pac-container');

这不是离子的，只是有角度的。我想要一个有角度的解决方案。 我怎么能这样做？