javascript - AngularJS - inject string from model to HTML's tag name -
javascript - AngularJS - inject string from model to HTML's tag name -
is possible inject string html's tag name angular?
something this:
    <div ng-repeat="type in types">         <bettype-{{type.id}}></bettype-{{type.id}}>     </div>    the output need is:
<bettype-1></bettype-1> <bettype-2></bettype-2>    i using polymer (this way creating custom html tags).
i think best solution create directive creates custom elements, like:
.directive('bettype', function($compile) {      homecoming {         restrict: 'e',         compile: function($element, $attr) {              homecoming function($scope, $element, $attr) {                 // create new element here $attr.number                 var number = $attr.number,                     element = angular.element('<bettype-'+number+'></bettype-'+number+'>');                 // replace newly created element                 $element.replacewith(element);                 $compile($element)($scope);             }         }     } });    not sure if work, that's way go...
note: don't think it\s  thought have dashed separated elements bettype-1..
 javascript html angularjs 
 
Comments
Post a Comment