在AngularJs中綁定標籤名稱

Question

我想在AngularJs中將標籤名稱綁定到變量。直接的方式不起作用：

<div ng-app ng-init="list=['pre', 'div', 'em']"> 
Check the list: {{list}} 
<div data-ng-repeat="item in list"> 
{{item}}: <{{item}}>content</{{item}}> 
</div> 
</div> 

如何做到這一點的權利？

Answer 1

您將要製作一個Directive並使用$compile服務模塊。

Answer 2

角模板系統在DOM樹上工作，而不是在字符串上，所以模板必須是有效的HTML，並且標記名的{{}}不可用。我們可以爲它編寫自己的指令（請參閱Max答案），或者如果這裏是一小組選項，它可以更容易地使用ng-include和一組選項模板。