RactiveJS-07 Triples (embedded HTML)

为了插入打断的html标记,并且令其中的标签按照其含义所解析(而不是按照字符串的字面意思所解析),可使用三层大括号将变量抱起来

{{{value}}}

看下面的例子

    <p>Hello {{{name}}}p>

var ractive1 = new Ractive({
        el: "#container",
        template: "#template",
        data: {
            name: '<strong>jaystrong>'
        }
    })

渲染出来,不会直接按照字面插入到DOM中,而是按照其含义解析成为一对标签。

这个特性可以用来直接插入打断的html标记。

但是需要注意,当使用{{{}}}三括号将变量插入到DOM中,当数据发生改变的时候,不会像{{}}双括号一样实时刷新,而是需要在重新渲染和重新插入之前在DOM中完全删除,再重新插入。

因此,在能够使用mustache{{}}时就尽量不要使用{{{}}} ,否则会造成RactiveJS的效率的降低。

你可能感兴趣的:(Ractive,Ractive)