{{#each}}使车把模板消失

时间:2018-08-07 10:15:43

标签: javascript handlebars.js

我在脚本标签中有一个模板

            
<div class = "exhibitionDescription">
<h3>{{title}}</h3>
  <p>{{infoText}}</p>   </div>
      

,浏览器即可正常显示

但是当我用{{#each arrayName}} {{/ each}}

包围时
       {{#eacharrayName}}       
<div class = "exhibitionDescription">
<h3>{{title}}</h3>
  <p>{{infoText}}</p>   </div>
           {{/每}}

浏览器使脚本标签完全空白。

handlebars库包含在script标记之前 (这是浏览器最终输出的屏幕截图)

enter image description here

这里是相同的代码,但模板周围没有{{#each}} {{/ each}}

enter image description here

UPD !证明{{#each}}标签可“剪切”其周围的所有内容,包括其自身,这并不是应该发生的事情...

UPD 2!我认为我遇到了问题-双大括号({{}})只是使两者之间的代码消失了!为什么?

1 个答案:

答案 0 :(得分:0)

我解决了它-我正在使用车把自己插入模板,这就是为什么我的花括号被车把解释为数据输入,并且在渲染时才将它们删除的原因!

代替

  

{{text}}

,我应该使用

  

\{{text}}

,它可以解决问题并使它不用大括号。