为了插入打断的html标记,并且令其中的标签按照其含义所解析(而不是按照字符串的字面意思所解析),可使用三层大括号将变量抱起来
{{{value}}}
看下面的例子
<p>Hello {{{name}}}p>
var ractive1 = new Ractive({
el: "#container",
template: "#template",
data: {
name: '<strong>jaystrong>'
}
})
渲染出来,不会直接按照字面插入到DOM中,而是按照其含义解析成为一对标签。
这个特性可以用来直接插入打断的html标记。
但是需要注意,当使用{{{}}}三括号将变量插入到DOM中,当数据发生改变的时候,不会像{{}}双括号一样实时刷新,而是需要在重新渲染和重新插入之前在DOM中完全删除,再重新插入。
因此,在能够使用mustache{{}}时就尽量不要使用{{{}}} ,否则会造成RactiveJS的效率的降低。