title: ng-click on firing on mobile or tablet devices
body: <p>On page load i have a controller that calls a service and then binds the returned data to some $scope.objects:</p>
  
  <pre><code>app.controller("MainController", function($scope, $http, serviceGetData) {
  
      serviceGetData.getData(function(data) {
          $scope.LoginCount = data.LoginCount;
          $scope.ProductInfo = data.ProductInfo;
          $scope.ProfileInfo = data.ProfileInfo;
  
          // Delayed binding
          $scope.OrderHistory  = { History: [] };
      }
  
      $scope.populateModel = function(model, values) {
          var isArray = $.isArray(values);
  
          $.each(values, function(key, value) {
  
              if (isArray) {
                  key = this.key;
                 value = this.value;
              }
  
              if (model[key] !== value) {
                  model[key] = value;
              }
  
          });
      };
  }
  </code></pre>
  
  <p>And in my HTML, i try to bind $scope.OrderHistory by:</p>
  
  <pre><code>&lt;h1&gt;&lt;a href="#" ng-click="populateModel(OrderHistory  , { History: OrderEntries })" &gt;View order details&lt;/a&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>This is fine when viewing on laptops/desktops, but not working in tablet and mobile devices e.g. iphone/ipad</p>