हमें एनजी-क्लिक क्यों चाहिए?

Question

कोणीय ऐप्स onclick ईवेंट के बजाय ng-click() विशेषता का उपयोग करते हैं।

यह क्यों है?

Answer 1

एनजी-क्लिक एक कोणीय अभिव्यक्ति रखता है। कोणीय अभिव्यक्तियों का मूल्यांकन एक कोणीय scope के संदर्भ में किया जाता है, जो उस तत्व के लिए बाध्य है जिसमें एनजी-क्लिक विशेषता या उस तत्व का पूर्वज होता है।

कोणीय अभिव्यक्ति भाषा में प्रवाह नियंत्रण विवरण शामिल नहीं हैं और वेरिएबल घोषित नहीं कर सकते हैं या कार्यों को परिभाषित नहीं कर सकते हैं। इन सीमाओं का मतलब है कि टेम्पलेट केवल नियंत्रक या निर्देश द्वारा उपलब्ध चर और रन कार्यों तक पहुंच सकते हैं।

Answer 2

कोणीय onclick विशेषता का अर्थ नहीं बदलता है; यह Angular expression लेने के लिए समांतर ng-click विशेषता जोड़ता है। जब आप कोणीय का उपयोग कर रहे हों तब भी onclick सादा पुराना जावास्क्रिप्ट कोड लेता है।

व्यावहारिक रूप से बोलते हुए, मान लीजिए कि आप एक क्लिक हैंडलर में क्या कर रहे हैं, एक कोणीय दायरे में कुछ चर बदल रहा है, या एक कोणीय दायरे में एक फ़ंक्शन को कॉल कर रहा है जो कुछ चर बदलता है। JavaScript कोड से (जैसे कि तुम क्या onclick जाते थे) कदम की एक गुच्छा की आवश्यकता है

• चर निर्दिष्ट या फ़ंक्शन को कॉल
• कॉल scope.$apply ताकि गुंजाइश के लिए एक संदर्भ प्राप्त करने के लिए चर के अपडेट के लिए देख रहा है कुछ भी है कि आप बदल अधिसूचित हो जाता है

इस तरह दिखता है:

<a onclick="var $scope = angular.element(event.target).scope(); $scope.yourVar = 42; $scope.$apply()">Go</a> 

और ng-click और काम के लिए एक कोणीय अभिव्यक्ति के साथ, लगभग यह सब निहित है:

<a ng-click="yourVar = 42">Go</a>