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で、templateUrlは今すぐドキュメント：https://docs.angularjs.org/guide/componentに従って注射薬を服用します。 ng-srict-diを使用した場合、注射液を指定しない限りエラーが発生します。私はng-annotateを使用して頭痛を救い、コードをきれいに保ちます。ここでは例としては、（活字体で）です：

バニラJSで

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 
     } 

    }); 

またはNG-注釈なし：

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