Angularjs के v1.5 घटक के भीतर विशेषताओं का उपयोग कैसे करें?

Question

मैं v1.5 घटक का उपयोग कर रहा हूं, जो अनिवार्य रूप से (जहां तक ​​मेरी समझ फैली हुई है) सर्वोत्तम अभ्यास निर्देशों के लिए एक रैपर है।

घटक के 1.5 रिलीज के बारे में

अधिक जानकारी यहां पाया जा सकता: http://toddmotto.com/exploring-the-angular-1-5-component-method/

मैं निम्नलिखित है:

<span>Correclty showing: {{ data.type }}</span> 
<book class="details" type="data.type"></book> 

और यह घटक परिभाषा है:

angular 
.module('app') 
.component('book', { 
    bindings: { 
     type: '=' 
    }, 
    template: function($element, $attrs) { 
     // Have tried A): 
     // console.log($attrs.type); // <- undefined 

     // And B): 
     $attrs.$observe('type', function(value) { 
      console.log(value); // <- undefined 
     }); 

     // But.. C): 
     return "This works though {{ book.type }}"; // <- renders 
    } 
}); 

दोनों A) और B) विविधता undefined लौटें। C) सही ढंग से प्रस्तुत करता है।

क्या टेम्पलेट स्ट्रिंग को वापस करने से पहले टेम्पलेट फ़ंक्शन के भीतर विशेषताओं तक पहुंचने का कोई तरीका है?

Answer 1

1.5 में, टेम्पलेट यूआरएल अब दस्तावेज़ों के अनुसार इंजेक्शनबेल लेता है: https://docs.angularjs.org/guide/component। यदि आप ng-srict-di का उपयोग करते हैं तो आपको तब तक कोई त्रुटि नहीं मिलेगी जब तक आप इंजेक्टेबल निर्दिष्ट नहीं करते .... मैं सिरदर्द को बचाने और कोड को साफ रखने के लिए ng-annotate का उपयोग कर रहा हूं।

import IRootElementService = angular.IRootElementService; 
    import IAttributes = angular.IAttributes; 

    angular.module('app').component('book', { 

     /*@ngInject*/ 
     templateUrl($element:IRootElementService, $attrs:IAttributes) { 
      // access to the $element or $attrs injectables 
     } 

    }); 

या बिना वेनिला जे एस में एनजी-टिप्पणी करें:: यहाँ (टाइपप्रति में) एक उदाहरण है

angular.module('app').component('book', {  
     templateUrl: ['$element', '$attrs', function($element, $attrs) { 
      // access to the $element or $attrs injectables 
     }], 
    });