使用 IOS 8.3 的 Safari 上的 Angular ng-click 问题

这是一个奇怪的问题，很难产生和探索。

在使用 Angular 构建 Web 应用程序时，我的老板发现应用程序上的所有按钮都使用ng-click指令不起作用。

现在，这个问题只发生在iphone 6 with IOS 8.3 and using the safari browser.

我可以说，当在 iPhone5（所有版本）、iPhone 6（IOS 9）、Windows 版 Safari 和所有其他浏览器（移动和桌面）上进行测试时，ng-click奇迹般有效。

该应用程序正在使用构建Angular 1.4.3.

正如您所看到的，这是按钮的代码，没有什么特别的：

<button class="btn calculate-button" ng-click="onCalculate()">Calculate</button>

在控制器中：

$scope.onCalculate = function () {
     //Do something... And then:
     $state.go('someplace');
};

我尝试了这里建议的许多更改，包括ng-touch, ng-bind，构建我自己的点击指令，如下所示：

.directive('basicClick', function($parse, $rootScope) {
    return {
        compile: function(elem, attr) {
            var fn = $parse(attr.basicClick);
            return function(scope, elem) {
                elem.on('click', function(e) {
                    fn(scope, {$event: e});
                    scope.$apply();
                });
            };
        }
    };
});

无法找到任何正确的问题解决方案。

Thanks.

iOS 8.4.1 更新有一个已知问题，会阻止 ng-link 和 ng-click 工作。

使用“touchstart click”可能可以解决这个问题。

app.directive("ngMobileClick", [function () {
    return function (scope, elem, attrs) {
        elem.bind("touchstart click", function (e) {
            e.preventDefault();
            e.stopPropagation();

            scope.$apply(attrs["ngMobileClick"]);
        });
    }
}])

HTML 调用：ng-mobile-click="onCalculate()"