AngularJS के "नियंत्रक को" सिंटैक्स के रूप में समझना

परिचय

AngularJS ने नियंत्रकों को परिभाषित करने के लिए एक नया सिंटैक्स, "नियंत्रक के रूप में" पेश किया, जिसने कुछ सवाल उठाए हैं इसके उद्देश्य के बारे में प्रश्न. इस लेख का उद्देश्य इस सिंटैक्स और इसके लाभों के पीछे के तर्क को स्पष्ट करना है। दायरा। उदाहरण के लिए:

controller('InvoiceController as invoice')

यह कोड एंगुलर को इनवॉइसकंट्रोलर का एक उदाहरण बनाने और इसे वर्तमान दायरे के भीतर इनवॉइस वैरिएबल में संग्रहीत करने के लिए कहता है।

controller('InvoiceController as invoice')

"नियंत्रक के रूप में" सिंटैक्स के साथ एक उल्लेखनीय अंतर यह है कि यह समाप्त हो जाता है नियंत्रक परिभाषा से $scope पैरामीटर। यह स्वच्छ और अधिक संक्षिप्त नियंत्रकों की अनुमति देता है:

// $स्कोप के साथ फ़ंक्शन इनवॉइसकंट्रोलर($स्कोप) { // $scope.qty के साथ कुछ करें } // नियंत्रक के साथ फ़ंक्शन इनवॉइसकंट्रोलर() { //इस मात्रा के साथ कुछ करें }

दृश्य में उपनाम निर्दिष्ट करना

// With $scope
function InvoiceController($scope) {
  // Do something with $scope.qty
}

// With controller as
function InvoiceController() {
  // Do something with this.qty
}

// $स्कोप के साथ // नियंत्रक के साथ

सिंटैक्स के रूप में नियंत्रक का उद्देश्य

// With $scope


// With controller as

$scope को हटाना:

कुछ डेवलपर्स $scope सिंटैक्स से बचना पसंद करते हैं, उनका मानना ​​है कि यह अस्पष्ट है गुणों का स्रोत।

• संपत्ति की उत्पत्ति की स्पष्टता: दृश्य में उपनामों का उपयोग करने से, यह स्पष्ट हो जाता है कि कौन से गुण किस नियंत्रक के हैं। नियंत्रकों को नेस्ट करते समय यह विशेष रूप से उपयोगी है।
• डॉट नियम संबंधी समस्याओं से बचाव: "नियंत्रक के रूप में" वाक्यविन्यास AngularJS के "डॉट नियम" के साथ समस्याओं से बचने में मदद करता है, जिससे संपत्तियों तक पहुंच मुश्किल हो सकती है मूल नियंत्रकों से. यह नियंत्रक गुणों तक स्पष्ट और श्रेणीबद्ध पहुंच की अनुमति देता है।