angularjs - 无法选择谷歌地图下拉值

Question

我正在开发一个混合移动应用程序。 我按照下面的链接获取移动应用程序的谷歌位置。 键入时，我在下拉列表中获取位置列表，但一旦选择位置，下拉列表就会隐藏，我无法在 Iphone 和 Android 中选择值。此问题仅出现在移动设备中。

Visit <http://jsfiddle.net/mwDQr/1/>

Answer 1

问题是 google 动态添加需要 data-tap-disabled 属性的元素，因此在 google 将这些元素添加到 dom 后，您必须手动添加该属性。

$scope.disableTap = function() {
        var container = document.getElementsByClassName('pac-container');
        angular.element(container).attr('data-tap-disabled', 'true');
        var backdrop = document.getElementsByClassName('backdrop');
        angular.element(backdrop).attr('data-tap-disabled', 'true');
        angular.element(container).on("click", function() {
            document.getElementById('pac-input').blur();
        });
    };

现在将 ng-change='disableTap()' 添加到您的输入中:

<input id="pac-input" type="text" placeholder="Search Location" data-tap-disabled="true" ng-change='disableTap()' ng-model="search">