कोणीयजे निर्देश - निर्देशों के भीतर गुणों को कैसे प्राप्त करें

Question

कोई विचार है कि निर्देश के अंदर से गुणों का मूल्य कैसे प्राप्त करें?

angular.module('portal.directives', []) 
     .directive('languageFlag', ['$routeParams', function(params) { 
      return function(scope, element, attrs) { 
       console.log(attrs["data-key"]); // returns undefined 
       console.log(element.attr('data-key')); // returns {{data-key}} 
       angular.element(element).css('border', '1px solid red'); 
      }; 
     }]); 

एचटीएमएल कोड है:

<ul> 
    <li ng-repeat="lng in flags"> 
     <a class="lngFlag {{flag.Key}}" data-key="{{flag.Key}}" data-id="{{lng.Id}}" ng-click="changeLangHash({'lng':lng.Id })" language-flag></a> 
    </li> 
</ul> 

धन्यवाद

Answer 1

उपयोग $observe:

अवलोकन अंतर्वेशित विशेषताओं: उपयोग $observe विशेषताओं है कि प्रक्षेप शामिल का मान बदलता निरीक्षण करने के लिए (जैसे src="{{bar}}")। न केवल यह बहुत ही कुशल है बल्कि वास्तविक मूल्य को आसानी से प्राप्त करने का एकमात्र तरीका भी है क्योंकि लिंकिंग चरण के दौरान इंटरपोलेशन का मूल्यांकन नहीं किया गया है और इसलिए मूल्य इस समय undefined पर सेट किया गया है। - directives doc

return function(scope, element, attrs) { 
    attrs.$observe('key', function(value) { 
     console.log('key=', value); 
    }); 
} 

एक टिप्पणी में उल्लेख किया @FMM के रूप में, data कोणीय द्वारा छीन लिया जब यह विशेषता नाम है, इसलिए ऊपर key का उपयोग करते हैं, बल्कि dataKey से सामान्य हो जाता है।

Answer 2

attrs["dataKey"] कोशिश - इस तरह से है कि एचटीएमएल डैश (-) के साथ विशेषताओं को पार्स करता है। अगर आप {{something}} के बजाय दायरे से मूल्य चाहते हैं, आप कर सकते हैं दो बातें:

scope[attrs['dataKey']] - कार्य करेगी, लेकिन इस

करना चाहिए नहीं या $parse का उपयोग लेकिन तब का उपयोग नहीं करते `` {{ }} `

app.directive('languageFlag', ['$routeParams','$parse', function(params,$parse) { 
    return function(scope, element, attrs) { 
    var value = $parse(attrs.dataKey)(scope); 
    console.log(value); 
    angular.element(element).css('border', '1px solid red'); 
    }; 
}]); 

या आप $parse की तरह उसी तरह लेकिन साथ $interpolate उपयोग कर सकते हैं {{}}

Answer 3

मैं ऑब्जेक्ट नोटेशन उपयोग करने का सुझाव देते हैं अगर आप निर्देश का लिंक समारोह है, जो attrs पैरामीटर हो जाता है के अंदर कर रहे हैं:

attrs.yourAttributeName

Answer 4

कोणीय स्ट्रिप्स 'डेटा-' कोई गुण बंद है, इसलिए यदि आपकी विशेषता 'डेटा-कुंजी' है, बस 'कुंजी' का उपयोग करें, न कि 'डेटाकी'