javascript - 使用 Handlebars 模板时出错

Question

我有一个像下面这样的 Handlebars 模板，

   <script id="pins-list-template" type="text/x-handlebars-template">
      {{#if ListCount > 0}}
        <ul>
          {{#each ListData}}
            <li>
              <img src="assets/3dimage.png" data-src="{{thumbURL}}"/>
            </li>
          {{/each}}
       </ul>
     {{else}}
        Empty Result
     {{/if}}
  </script>

如果我尝试渲染它，我会收到此错误，

Error: Parse error on line 3: {{#if ListCount > 0}} { ----------------^ Expecting 'CLOSE', 'CLOSE_UNESCAPED', 'STRING', 'INTEGER', 'BOOLEAN', 'OPEN_SEXPR', 'CLOSE_SEXPR', 'ID', 'EQUALS', 'DATA', 'SEP', got 'INVALID'

Answer 1

尝试使用 main array.length 而不是 > 0

{{#if ListData.length}}
   <ul>
     {{#each ListData}}
         <li>
           <img src="assets/3dimage.png" data-src="{{thumbURL}}"/>
        </li>
     {{/each}}
  </ul>
{{else}}
    Empty Result
{{/if}}

为了使用 > 0，您需要编写一个帮助器(例如 is-greater)

注意! Javascript 更喜欢驼峰式命名约定，只有类是大写的。