कोणीय वर्ग के साथ हल्के नियंत्रकों

नियंत्रकों की संरचना को सुविधाजनक बनाने के लिए एक जिज्ञासु उपकरण मिला - कोणीय उत्तम दर्जे का । यह 1 किलोबाइट (gzipped और minified) मॉड्यूल है, और नियंत्रक को एक वस्तु के रूप में प्रस्तुत करने के अलावा, यह कई उपयोगी उपहार भी प्रदान करता है, जिनमें से कहानी कट के नीचे है।

---

संरचना

जैसे-जैसे एप्लिकेशन बढ़ता है, नियंत्रक इस हद तक बढ़ते हैं कि उनके बीच एक बार नेविगेट करना काफी मुश्किल हो जाता है। क्लासी एक क्लास-आधारित दृष्टिकोण लेता है और कोड क्लीनर और अधिक संरचित बनाने के लिए AngularDart से कुछ विचार विरासत में मिला है।

---

निर्भरता का विस्तार करने की आवश्यकता नहीं है

जिन लोगों ने कोणीय कोड को छोटा करने की कोशिश की, उन्हें पता है कि इसके सही ढंग से काम करने के लिए निर्भरता एनोटेशन की आवश्यकता है। इस मामले में पुनरावृत्ति वाला मूल कोड कुछ इस प्रकार है:

app.controller('AppCtrl', ['$scope', '$location', '$http', function($scope, $location, $http) { // ... }]);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इस तथ्य के अलावा कि इस तरह का एनोटेशन उबाऊ है, यह किसी भी तरह बहुत नहीं दिखता है ... उत्तम दर्जे के साथ, चीजें अलग हैं:

 app.classy.controller({ name: 'AppCtrl', inject: ['$scope', '$location', '$http'], //... });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

---

सुविधाजनक $ गुंजाइश

ज्यादातर मामलों में, जब हम नियंत्रक में एक फ़ंक्शन बनाते हैं, तो यह हमारे लिए महत्वपूर्ण है कि यह $ गुंजाइश में उपलब्ध है, उदाहरण के लिए, टेम्पलेट से इसे एक्सेस करने के लिए। पता: वस्तु के सभी कार्यों को स्वचालित रूप से $ दायरे में जोड़ा जाएगा। दूसरे शब्दों में, क्लासी के बिना मूल कोड इस तरह दिखता है:

 $scope.editTodo = function(todo) { //... }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

उत्तम दर्जे के साथ यह इस तरह दिखता है:

 editTodo: function(todo) { //... }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

और अगर आप इस या उस फ़ंक्शन को $ स्कोप में नहीं जोड़ना चाहते हैं, तो इसके नाम में उपसर्ग के रूप में "_" चिन्ह का उपयोग करें।

लघु रिकॉर्ड $ गुंजाइश

$ गुंजाइश गुणों तक पहुँचने के लिए, आप बस this.$.foo = 'bar';



तक पहुँच सकते हैं this.$.foo = 'bar';



इसके बजाय this.$scope.foo = 'bar';



। हालांकि, इस का उपयोग this.$scope



भी मना नहीं है।

---

$ घड़ी के श्रोताओं के लिए विशेष वस्तु

कॉल $scope.$watch



साथ init मेथड को $scope.$watch



साथ बंद करने के बजाय $scope.$watch



, क्लासी ने उन्हें एक विशेष ऑब्जेक्ट में तह करने का सुझाव दिया:

 watch: { 'location.path()': function(newValue, oldValue) { // ... }, '{object}todos': function (newValue, oldValue) { // ... } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

दूसरे श्रोता के नाम पर {object}



नोट करें। ऐसा रिकॉर्ड आपको श्रोता के प्रकार को निर्दिष्ट करने की अनुमति देता है। तो, {collection}



या {shallow}



की उपस्थिति इंगित करेगी कि $watchCollection()



को ऑब्जेक्ट पर लागू किया जाना चाहिए। क्लासी वेबसाइट पर संभावित मूल्यों की पूरी सूची पाई जा सकती है।

---

और वह सब सुविधाएं नहीं हैं जो कि क्लासी के पास हैं!

कृपया रुचि रखने वाले लोग पढ़ें ।