javascript - 在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>

怎么做才对？​</p>

Answer 1

您将要创建一个指令并使用$compile服务模块。

Answer 2

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