相关疑难解决方法(0)

在模板中使用动态标记名称的Angular建议方法是什么？

我有一个包含h1-h6标签的下拉列表.用户可以选择其中任何一个,并且内容将更改为由所选标头标记(存储在$ scope中)进行包装.内容绑定到模型,即{{}}内.

要保持绑定,我可以更改标记并使用$ compile.但是,这不起作用,因为它会在Angular用模型值替换{{}}之前(显然)附加.这是页面加载时的h3.

例:

<div id="root">
    <h3 id="elementToReplace">{{ modelData }}</h3>
</div>

重新编译时我尝试使用如下字符串:

<{{ tag }} id="elementToReplace">{{ modelData }}</{{ tag }}>

有任何想法吗？