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