使用Aurelia动态渲染html

Question

我有一个要求，我以HTML标签的形式获取字符串，并在按钮点击时更改。单击按钮，我将更改绑定元素的值。

<div id="htmString">${htmlTag}</div>

，htmlTag中的内容为

<p>Hello World!</p>

如何跳过在视图模型中编写document.getElement并仍然编译HTML。

Answer 1

您只需要像这样绑定到innerHTML属性： <div id="htmString" innerhtml.bind="htmlTag"></div>

因此，只要htmlTag发生更改，它就会在div中呈现。