एंजुलरज में एनजी-क्लिक और डेटा-एनजी-क्लिक के बीच क्या अंतर है?

Question

पहले दृश्य से data-ng-click कुछ डेटा पास कर सकता है क्योंकि बटन पर दबाने के दौरान विधि को तर्क के रूप में बुलाया जाना चाहिए।

लेकिन मुझे अंतर दिखाई नहीं देता है।

एचटीएमएल

<input 
    type="button" 
    value="Fess" 
    ng-click="toggle(2)"> 

या

<input 
    type="button" 
    value="Fess" 
    data-ng-click="toggle(2)"> 

जे एस

$scope.toggle = function (valueS) { 
    alert(valueS);   
} 

:

मैं कोड के स्निपेट का पालन किया है

दोनों काम करते हैं।

धन्यवाद,

Answer 1

वे एक ही बात कर रहे हैं। वैध HTML बनाने के लिए आप data-ng-click का उपयोग कर सकते हैं।

Answer 2

angular docs on directives से:

निर्देशों ऐसे ngBind के रूप में ऊंट मामलों नाम है। निर्देश को विशेष वर्णों,, -, या _ के साथ सांप मामले में ऊंट केस नाम का अनुवाद करके आमंत्रित किया जा सकता है। वैकल्पिक रूप से निर्देश x-, या डेटा के साथ prefixed हो सकता है- इसे HTML सत्यापनकर्ता अनुपालन करने के लिए। यहां कुछ संभावित निर्देश नामों की एक सूची है: ng: bind, ng-bind, ng_bind, x-ng-bind और data-ng-bind।

उन्हें छोड़कर व्यावहारिक उद्देश्यों के लिए पूरी तरह से ठीक है। यह सिर्फ इतना है कि यदि आप इसे HTML सत्यापनकर्ता सेवा के माध्यम से चलाते हैं, तो यह जटिल नहीं होगा। डेटा का श्रेय नाम कम से कम एक चरित्र होना चाहिए

विशेषता नाम:

Answer 3

एचटीएमएल 5 कस्टम डेटा एम्बेड करने की क्षमता सभी HTML तत्वों

इन नए कस्टम डेटा विशेषताओं को दो भागों से मिलकर बनता है पर जिम्मेदार बताते है लंबे समय तक और 'डेटा-' के साथ prefixed किया जाना चाहिए। इसमें कोई अपरकेस अक्षर नहीं होना चाहिए।

विशेषता मूल्य विशेषता मान कोई स्ट्रिंग हो सकता है।

<li data-spacing="30cm" data-sowing-time="February to March">Celery</li> 

स्रोत: http://html5doctor.com/html5-custom-data-attributes/

Answer 4

साथ और फार्म के बिना उपयोग करते समय मिले एक फर्क।

जब मेरा तत्व एक फॉर्म में है तो वे वही कार्य करते हैं।

जब मैं किसी तत्व पर data-ng-click का उपयोग किसी तत्व पर नहीं करता, तो ईवेंट नहीं हो रहा है क्लिक करें।