thiết bị di động ng-click và ng-touch

Question

Tôi có ứng dụng di động cordova được viết bằng AngularJS. Việc thêm ng-touch vào ứng dụng của tôi làm cho một số hành vi html không hoạt động đúng cách. Một ví dụ của vấn đề này là hành vi kỳ lạ của một hộp kiểm không đánh dấu kiểm tra khi nó được bao bọc trong một phần tử HTML gắn với ng-click. Điều này hoạt động hoàn hảo trên máy tính để bàn/máy tính xách tay, sự cố xuất hiện trên thiết bị di động.

Ví dụ:

này không hoạt động trong các thiết bị di động:

<div ng-click="alertSomething()"> 
    <input type="checkbox" ng-model="data" name="data" id="data" /> 
    <label for="data">This checkbox needs to be pressed a couple of times before it is marked as checked 
    in any mobile device.</label> 
    </div> 

Trong khi người ta này hoạt động đúng:

<input type="checkbox" ng-model="anotherData" name="anotherData" id="anotherData" /> 
    <label for="anotherData">This checkbox responds correctly on mobile</label> 

Phần kỳ lạ nhất là khi các mô-đun ng chạm là loại bỏ, nó hoạt động đúng như mong đợi. Xin hãy giúp tôi, tôi đã cố gắng giải quyết vấn đề này trong một vài giờ.

Thử mở plunker này trên điện thoại di động: http://plnkr.co/edit/6LPeJP9QO6NMSpNuQqtQ?p=preview

Answer 1

Tôi đã thực sự đi qua vấn đề này trước đây, những gì tôi đã làm là để tạo ra một chỉ thị rằng mô phỏng một sự kiện nhấp chuột để thay thế phiên bản ngTouch 's ng-click cho rằng vấn đề cụ thể.

FORKED PLUNKER

CHỈ

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

HTML

<div basic-click="alertSomething()"> 
    <input type="checkbox" ng-model="data" name="data" id="data" /> 
    <label for="data">This checkbox needs to be pressed a couple of times before it is marked as checked 
    in any mobile device.</label> 
    </div>