कस्टम निर्देश स्कोप बनाम attrs

Question

कोणीय में कस्टम निर्देश बनाते समय मुझे एक चिंता है। जब मैं एक लिंक फ़ंक्शन का उपयोग कर रहा हूं, तो मुझे यकीन नहीं है कि अटर्स या स्कोप के साथ विशेषताओं तक पहुंचने पर वास्तविक अंतर क्या है। उदाहरण के लिए कोड के इस टुकड़े डालें: attrs से और गुंजाइश द्वारा 'शीर्षक' विशेषता तक पहुँचने

myApp.directive('someDirective', function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      title: '=title' 
     }, 
     template: '<img/>', 
     link: function(scope, element, attrs) { 
      if (scope.title) { 
       // do something here 
      } 
      if (attrs.title){ 
       // do something here 
      } 
     }, 
    } 

मेरी टिप्पणियों से एक समान प्रभाव पड़ता है। वास्तविक अंतर क्या है?

Answer 1

अंतर यह है कि विशेषता परिभाषा द्वारा स्ट्रिंग प्रकार का है। हमेशा। आपके मामले में attrs.title सचमुच स्ट्रिंग के बराबर होगा जो आप HTML में विशेषता में पास करते हैं।

हालांकि, scope.title विशेषता attr.title विशेषता का विश्लेषण और मूल्यांकन किया गया है।

पूर्व। आप HTML में कुछ इस तरह का उपयोग करते हैं

<some-directive title="name"></some-directive> 

जहां $scope.name = "Thomas Mann" दायरे में परिभाषित है, तो attr.title स्ट्रिंग "name" हो जाएगा, जबकि scope.title"Thomas Mann" हो जाएगा।