AngularJS指令使元素加倍？

比方說，我有這個在我的HTML：AngularJS指令使元素加倍？

<div my-doubling-directive> 
    ... Lots of children here ... 
</div>

我的指令運行後我想

... Lots of children here ... 
... Lots of children here ...

所以基本上翻倍的輸出，而不是離開的div指令是。我想我需要某種類型的鏈接方法transclude，但我卡住了。我已經看到了另一個通過過濾器實現這個功能的例子，但我現在將它作爲自定義指令的學習示例。

來源

2014-07-11 Scott

使用指令transclusion可能是我需要藉此下一步，使其動態多少次，最簡單的方法 – pixelbits

您可以使用兩次ng-transclude。

app.directive("myDoublingDirective", function() { 
    return { 
     transclude: true, 
     template: "<div ng-transclude></div><div ng-transclude></div>", 
    }; 
});

http://jsfiddle.net/agtGt/1/

來源

2014-07-11 23:03:20

，所以我結束了這一點。是我能找到使模板變得動態的唯一方法。 .directive（ 'elementRepeat'，函數（）{ 返回{ 鏈路：功能（範圍，元件，ATTRS）{ VAR HTML = element.html（）; element.empty（）; 爲（VAR I = parseInt（attrs.elementrepeat，10） - 1; i> = 0; i--）{ element.append（html）; } } }; – Scott

@Scott你可以在ng中使用ng-repeat嗎？ -transclude'？ –

@Scott http://jsfiddle.net/agtGt/2/ –

AngularJS指令使元素加倍？

回答

相關問題