javascript - Handlebars.js:{{ this.url }} 无法在 内工作

Question

如果我将 Handlebars.js 放在/等中，则它不会解析代码。只要在外面，它就可以正常工作。

<script id="entry-template" type="text/x-handlebars-template">
    <div class="entry">
        {{#each this}}
        <h1>{{title.rendered}}</h1>
        <div>{{content.rendered}}</div>

        <img src="{{url}}" alt=""/>
        {{/each}}
    </div>
</script>

我期望得到

<img src="http://localhost/image.jpg" alt=""/>

但输出如下:

<img src="{{url}}" alt=""/>

其他一切似乎都有效。循环也是如此。

Answer 1

使用

<script id="t" type="text/x-handlebars-template">
    <img class="someClass" src="{{url}}">
</script>

Templates are rarely valid and properly formed HTML so you need to keep the browser from trying to interpret template as HTML. The usual approach is to store the template in a with a non-HTML type:

或者使用三重括号

<img src="{{{your source}}}" alt={{{your alt}}} />

Handlebars HTML-escapes values returned by a {{expression}}. If you don't want Handlebars to escape a value, use the "triple-stash",

{{{ {{{foo}}}

来源:http://handlebarsjs.com/expressions.html

发现于:https://github.com/wycats/handlebars-site/issues/28