在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

Angular模板系统适用于DOM树，而不是字符串，因此模板必须是有效的HTML，并且不能使用{{}}作为标记名。我们可以为它编写自己的指令（参见最大答案），或者如果这里有一小组选项，可以更容易地使用ng-include和一组模板作为选项。