एंगुलरजेएस

Question

में मार्ग बदलते समय (एनीमेशन, लोडर इत्यादि) कॉलबैक को फायर करें, मैं AngularJS के लिए नया हूं।

जब मार्ग बदल जाता है, तो एनजी-व्यू सामग्री बदलता है। मैं क्या करने में सक्षम होना चाहता हूं, मार्ग बदलते समय कुछ व्यवहार पर हुक करना है।

1. मैं (बाहर fading, और बाईं ओर फिसलने) और जब अगले दृश्य आसानी से उपलब्ध है, नहीं हो पाती और देखने के लिए स्लाइड उदाहरण के लिए दृश्य हम छोड़ने चेतन करने में सक्षम होना चाहते हैं में। इस मार्ग लोड हो रहा है पर शरीर के लिए एक वर्ग जोड़ने, और मार्ग परिवर्तन पर एक वर्ग को हटाने के द्वारा लागू किया जा सकता सफल

2. मैं विचारों वर्तमान दृश्य के अधिकार के लिए पर खड़ी करने की क्षमता चाहते हैं, ताकि जब कोई आगे बढ़ता है, तो अगला दृश्य पहले रिग तक लोड होता है वर्तमान एक के हिंदुस्तान टाइम्स, फिर दाईं ओर व्यूपोर्ट स्लाइड वर्तमान दृश्य लगभग दृश्य से बाहर स्लाइड, और अगले एक दृश्य में स्लाइड (बंद कैनवास नेविगेशन की तरह विंडोज फोन)

$ routeProvider है तो ऐसा करने के लिए सही जगह?

क्या वहां कोई गुरु है जो मुझे सही दिशा में इंगित कर सकता है?

Answer 1

, वहाँ की घटनाओं इस उद्देश्य के लिए निकाल दिया जाता है।

$scope.$on('$routeChangeStart', function(scope, next, current){ 
    //... 
}); 

$scope.$on('$routeChangeSuccess', function(scope, next, current){ 
    //... 
}); 

यदि कोई समस्या कुछ एनिमेट करने के लिए है (उदाहरण के लिए मार्ग परिवर्तन पर) मैं ngAnimate का उपयोग करने की सलाह देता हूं। इसके बारे में और पढ़ें here

Answer 2

आप स्थान बदलते पकड़ने के लिए जड़ गुंजाइश स्तर पर एक घड़ी स्थापित कर सकते हैं: कुछ और अनुसंधान के बाद

$rootScope.$watch(function { 
    return $location.path(); 
    }, 
    function(newValue, oldValue) { 
     if (newValue != oldvalue) { 
     // here you can do your tasks 
     } 
     else { 
     } 
    }, 
    true);