एनजी-क्लिक और एनजी-टच मोबाइल डिवाइस

Question

मेरे पास AngularJS में लिखा गया कॉर्डोवा मोबाइल ऐप है। मेरे आवेदन में एनजी-टच जोड़ने से कुछ एचटीएमएल व्यवहार ठीक से काम नहीं कर पाता है। इस समस्या का एक उदाहरण एक चेकबॉक्स का अजीब व्यवहार है जो एनजी-क्लिक से जुड़े HTML तत्व में लपेटा जाने पर चेक को चिह्नित नहीं करता है। यह डेस्कटॉप/लैपटॉप पर पूरी तरह से काम करता है, समस्या मोबाइल उपकरणों पर दिखाई देती है।

उदाहरण:

यह मोबाइल उपकरणों में काम नहीं करता:

<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> 

यह एक ठीक से काम करता है:

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

अजीब हिस्सा एनजी स्पर्श मॉड्यूल है जब वह यह है कि हटा दिया गया, यह उम्मीद के अनुसार ठीक से काम करता है। कृपया मेरी मदद करें, मैं अब कुछ घंटों के लिए इस समस्या को हल करने की कोशिश कर रहा हूं।

मोबाइल पर इस plunker खोलने का प्रयास करें: http://plnkr.co/edit/6LPeJP9QO6NMSpNuQqtQ?p=preview

Answer 1

मैं वास्तव में से पहले इस समस्या का सामना करना है, क्या मैंने किया था एक और निर्देश है कि एक क्लिक करें घटना simulates कि विशिष्ट समस्या के लिए ngTouch के ng-click संस्करण को बदलने के लिए बनाने के लिए किया गया था।

FORKED PLUNKER

निर्देशक

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

एचटीएमएल

<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>