Angular ng-click issues on Safari with IOS 8.3
<p>This is a weird issue, that is some what hard to generate and explore.</p>

<p>While building a web-app using Angular, my boss found that all the buttons on the app that are using <code>ng-click</code> directive are not working.</p>

<p>Now, this issue only happens on <code>iphone 6 with IOS 8.3 and using the safari browser</code>.</p>

<p>I can say that when was tested on iPhone5 (All versions), iPhone 6 (IOS 9), Safari for windows and all other browsers (Mobile and desktop), <code>ng-click</code> works like a charm.</p>

<p>The app is being build using <code>Angular 1.4.3</code>.</p>

<p>This is the code for the button, as you can see, nothing special about it:</p>

<pre><code>&lt;button class="btn calculate-button" ng-click="onCalculate()"&gt;Calculate&lt;/button&gt;
</code></pre>

<p>And in the controller:</p>

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

<p><br><br>
I tried many changes that were suggested here, including <code>ng-touch</code>, <code>ng-bind</code>, building my own click directive as follows:</p>

<pre><code>.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();
                });
            };
        }
    };
});
</code></pre>

<p>Couldn't find any proper solution for the problem.</p>

<p>Thanks.</p>