javascript - 无法提供模板

Question

我使用 handlebars 并使用 helper 在模板中使用条件；我对休息架构进行 ajax 调用，我收到此数据

{  
 "firstName":"Paul",
 "lastName":"Smith",
 "operationType": "Achat",
 "transactionDate":"17/08/2015",
 "operationValue":3,
 "reason":"Achat nourriture Tim Horton",
 "transactionDate":"17/08/2015"
}

我的模板

{{#each this}}
  <tr>
    <td>{{firstName}} {{lastName}}</td>
    <td>{{transactionDate}}</td>
    <td>{{reason}}</td>
    <td>{{#ifCond operationType '==' 'Achat'}}
          {{operationValue}}
        {{else}}
         0
       {{ifCond}}
    </td>
   <td>{{#ifCond operationType '==' 'Dépôt'}}
         {{operationValue}}
       {{else}}
         0
       {{ifCond}}
  </td>
  <td>{{#ifCond operationType '==' 'Retrait'}}
        {{operationValue}}
      {{else}}
        0
     {{ifCond}}
  </td>
</tr>
{{/each}}

条件寄存器

Handlebars.registerHelper('ifCond', function (v1, operator, v2, options)     {

switch (operator) {
    case '==':
        return (v1 == v2) ? options.fn(this) : options.inverse(this);
    case '===':
        return (v1 === v2) ? options.fn(this) : options.inverse(this);
    case '<':
        return (v1 < v2) ? options.fn(this) : options.inverse(this);
    case '<=':
        return (v1 <= v2) ? options.fn(this) : options.inverse(this);
    case '>':
        return (v1 > v2) ? options.fn(this) : options.inverse(this);
    case '>=':
        return (v1 >= v2) ? options.fn(this) : options.inverse(this);
    case '&&':
        return (v1 && v2) ? options.fn(this) : options.inverse(this);
    case '||':
        return (v1 || v2) ? options.fn(this) : options.inverse(this);
    default:
        return options.inverse(this);
  }
});

当数据在模板中时出现此错误

Uncaught Error :ifCond 不匹配每个

有什么想法吗？

Answer 1

您的 block 在您的模板中没有正确关闭。当您使用 {{#tag}} 打开一个 block 时，必须有一个匹配的 {{/tag}}。在您的代码中，没有一个 {{#ifCond}} block 被正确关闭(缺少斜杠)，并且顶层 {{#each}} 没有被关闭要么(你应该在模板的末尾有 {{/each}})。