將HTML屬性傳遞給角度js 1.5組件

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}}); 
     } 
     }); 
})();