角度js 1.5コンポーネントにHTML属性を渡す

Question

角度jsコンポーネントで汎用属性をバインドしようとしました。私のコンポーネントはテキストボックスを含んでいます。私の必要性はhtml属性をコンポーネントテンプレートに渡したいのです。

<sample-component generic-attribute="ng-class='hello'"></sample-component> 

これは私のメインのHTMLコンポーネントである 。私はコンポーネントクラスにng-classを渡す必要があります。

(function() { 
     angular.module('myApp').component('sampleComponent',{ 
      bindings: { 
       genericAttribute:'@?' 
       }, 
      controllerAs:'ctrl', 
      controller: 'sampleController',   
      template:'<input type="text" {{ctrl.genericAttribute}} > 
      }); 
})(); 

属性全体を渡してテンプレートにバインドすることは可能ですか？

Answer 1

テンプレート作成機能で$compileを使用してみてください。これにより、あなたは開始されるはずです：

(function() { 
    angular.module('myApp').component('sampleComponent',{ 
     bindings: { 
      genericAttribute:'@?' 
      }, 
     controllerAs:'ctrl', 
     controller: 'sampleController', 
     template: function(tElement, tAttrs) { 
      return $compile('<input type="text"' + {{tAttrs.genericAttribute}}); 
     } 
     }); 
})();