मेरे पास एक AuthService है, जो एक उपयोगकर्ता में लॉग इन करता है, यह एक उपयोगकर्ता json ऑब्जेक्ट वापस करता है। मैं जो करना चाहता हूं, उस ऑब्जेक्ट को सेट करना है और पेज को रीफ्रेश किए बिना सभी परिवर्तनों को एप्लिकेशन (लॉग इन / लॉग आउट स्थिति) में प्रतिबिंबित किया गया है।
मैं इसे AngularJS के साथ कैसे पूरा करूंगा?
जवाबों:
इसे पूरा करने का सबसे आसान तरीका एक सेवा का उपयोग करना है। उदाहरण के लिए:
app.factory( 'AuthService', function() {
var currentUser;
return {
login: function() { ... },
logout: function() { ... },
isLoggedIn: function() { ... },
currentUser: function() { return currentUser; }
...
};
});
फिर आप अपने किसी भी कंट्रोलर में इसका संदर्भ दे सकते हैं। निम्न कोड सेवा से एक मान में परिवर्तन के लिए देखता है (निर्दिष्ट फ़ंक्शन को कॉल करके) और फिर परिवर्तित मानों को दायरे में सिंक करता है।
app.controller( 'MainCtrl', function( $scope, AuthService ) {
$scope.$watch( AuthService.isLoggedIn, function ( isLoggedIn ) {
$scope.isLoggedIn = isLoggedIn;
$scope.currentUser = AuthService.currentUser();
});
});
और फिर, निश्चित रूप से, आप उस जानकारी का उपयोग कर सकते हैं, हालांकि आप फिट दिखते हैं; उदाहरणों में, टेम्प्लेट्स आदि में, आप इसे अपने मेनू कंट्रोलर आदि में दोहरा सकते हैं (अनुकूलित करने के लिए आपको क्या करना चाहिए) आदि। जब आप सेवा में स्थिति बदलते हैं, तो यह सब स्वचालित रूप से अपडेट हो जाएगा।
कुछ भी अधिक विशिष्ट आपके कार्यान्वयन पर निर्भर करता है।
उम्मीद है की यह मदद करेगा!
AuthService। यह न केवल पेज रिफ्रेश के लिए बल्कि किसी नए टैब में लिंक खोलने में मदद करता है।
ui-router) और रूट रिज़ॉल्यूशन एक अच्छा तरीका है जिससे ऑरिजनल कंट्रोल DRY रखा जा सके। आपने जो लिखा है वह सही है।
मैं जोश की अच्छी प्रतिक्रिया को जोड़कर संशोधन करूंगा, क्योंकि एक प्रमाण के रूप में आम तौर पर किसी की भी दिलचस्पी होती है (जैसे, किसी को भी, लेकिन लॉगिन दृश्य गायब हो जाना चाहिए अगर कोई भी लॉग इन नहीं है), शायद एक सरल विकल्प का उपयोग करके इच्छुक पार्टियों को सूचित करना होगा $rootScope.$broadcast('loginStatusChanged', isLoggedIn);(1 ) (2), जबकि इच्छुक पक्ष (जैसे नियंत्रक) का उपयोग करते हुए सुनेंगे $scope.$on('loginStatusChanged', function (event, isLoggedIn) { $scope.isLoggedIn = isLoggedIn; }।
(1) $rootScopeसेवा के तर्क के रूप में इंजेक्ट किया जा रहा है
(2) ध्यान दें कि, एक अतुल्यकालिक लॉगिन ऑपरेशन के संभावित मामले में, आप एंगुलर को सूचित करना चाहेंगे कि प्रसारण चीजों को बदल देगा, इसे एक $rootScope.$apply()फ़ंक्शन में शामिल करके ।
अब, उपयोगकर्ता संदर्भ को प्रत्येक / कई नियंत्रकों में रखने की बात करते हुए, आप उन सभी में लॉगिन परिवर्तनों के बारे में सुनकर खुश नहीं हो सकते हैं, और केवल सबसे ऊपरी लॉगिन नियंत्रक में सुनना पसंद कर सकते हैं, फिर अन्य लॉगिन-जागरूक नियंत्रकों को बच्चों के रूप में जोड़ सकते हैं / इस एक के एम्बेडेड नियंत्रक। इस तरह, बच्चे नियंत्रक विरासत में मिली पैतृक $ गुंजाइश गुण जैसे कि आपके उपयोगकर्ता संदर्भ को देख पाएंगे।