title: Angular ng-click issues on Safari with IOS 8.3
body: <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>