导致无法加载资源错误的小胡子j

Question

我有以下小胡子js模板：

{{#images}}
    <img src="{{.}}" width="10%"/>
{{/images}}

并在页面加载时在控制台中收到以下错误：

  

获取http://localhost/base/url/path/%7B%7B.%7D%7D 404（未找到）

是否可以阻止浏览器在绑定之前尝试在胡子模板中加载图像源？

Answer 1

我相信你的问题归结为将模板存储在正确的位置，以便浏览器不会过早地尝试渲染它。

<script id="tmplt" type="text/template">
 {{#images}}
   <img src="{{.}}" width="10%"/>
 {{/images}}
</script>

<script>
 Mustache.render($('#tmplt').html(),mymodel);
 ...
</script>