event.preventDefault() AngularJS एप्लिकेशन

Question

आशा में routeChangeStart लिए काम नहीं कर किसी भी AngularJS गुरु मुझे this.Here साथ मदद कर सकते हैं, मेरे AngularJS कोड

$scope.$on('$routeChangeStart', function(event, next, current) { 
       if ($scope.myForm.$dirty) { 
        if(!confirm("Unsaved, do u want to continue?")) { 
         event.preventDefault(); 
        } 
       } 
      }); 

यह ब्राउज़र वापस बटन क्लिक में अलर्ट जब डेटा गंदा है, लेकिन रद्द या ठीक क्लिक करने पर यह अभी भी रूट परिवर्तन को पूरा करता है। ऐसा लगता है कि event.preventDefault() काम नहीं कर रहा है। किसी भी एक का कहना है सकते हैं ($ प्रसारण पर देखें) तो आप बस ($routeChangeStart उस प्रकार के है) प्रकार के प्रसारण के एक घटना को रद्द नहीं सकते हैं कि क्या हो सकता है गलत

Answer 1

AngularJS docs के अनुसार:

इवेंट लाइफ चक्र उस दायरे से शुरू होता है जिस पर $ प्रसारण कहा जाता था। इस स्कोप पर नाम ईवेंट सुनने वाले सभी श्रोताओं को अधिसूचित किया गया है। इसके बाद, यह कार्यक्रम वर्तमान दायरे के सभी प्रत्यक्ष और अप्रत्यक्ष स्कॉप्स तक फैलता है और के साथ सभी पंजीकृत श्रोताओं को कॉल करता है। घटना रद्द नहीं की जा सकती है।

Answer 2

मैं इस एक को ढूंढने में कठिनाई के बहुत था, लेकिन "$ routeChangeStart" घटना के बजाय, आप जिसके लिए आप डिफ़ॉल्ट रोका जा सकता है, "$ locationChangeStart" घटना को सुन सकते हैं:

$scope.$on("$locationChangeStart", function(event, next, current) { 
    if (!confirm("You have unsaved changes, continue navigating to " + next + " ?")) { 
     event.preventDefault(); 
    } 
}); 

आप हमेशा डिफ़ॉल्ट को रोक सकते हैं, "अगला" स्टोर कर सकते हैं, और एक साफ जेएस मोडल प्रदर्शित कर सकते हैं और असीमित रूप से निर्णय ले सकते हैं।

$ locationChangeStart वर्तमान में undocumented लेकिन यहाँ संदर्भित है: https://github.com/angular/angular.js/issues/2109

Answer 3

यह समस्या नवीनतम संस्करण (> = 1.3.8) में तय हुई थी।

के बाद से तर्क $ routeChangeStart को आपूर्ति की अधिक विस्तृत (और अक्सर अधिक उपयोगी), यदि संभव हो तो, अपने कोणीय संस्करण को अद्यतन करने की कोशिश कर रहे हैं ...

Answer 4

बिल्कुल कोणीय 1.3.7 https://code.angularjs.org/1.3.7/docs/api/ngRoute/service/ $ मार्ग

के बाद फिक्स्ड

$ रूट चेंजस्टार्ट मार्ग परिवर्तन से पहले प्रसारित किया गया। इस बिंदु पर मार्ग सेवाएं मार्ग परिवर्तन के लिए आवश्यक सभी निर्भरताओं को हल करना शुरू कर देती हैं। आम तौर पर इसमें दृश्य टेम्पलेट के साथ-साथ संकल्प मार्ग संपत्ति में परिभाषित किसी भी निर्भरता को शामिल करना शामिल है। एक बार सभी निर्भरताओं को $ रूट हल किया जाता हैChangeSuccess निकाल दिया जाता है।

मार्ग परिवर्तन (और $ स्थान परिवर्तन जो इसे ट्रिगर करता है) को ईवेंट की रोकथाम विधि को कॉल करके रोका जा सकता है। इवेंट ऑब्जेक्ट के बारे में अधिक जानकारी के लिए $ rootScope.Scope देखें।

Answer 5

यदि आप $stateProvider का उपयोग कर रहे हैं तो समस्या बनी रह सकती है। इस मामले उपयोग में:

$scope.$on('$stateChangeStart', function(event){ 
 
    ..... 
 
    event.preventDefault(); 
 
});