如何根据集合的大小制作有条件的模板？

Question

我想做这样的事情：

<template name="list">
  <ul>
  {{#if items}}
      {{#each items}}
        <li>{{itemContents}}</li>
      {{/each}}
  {{else}}
    <li class="placeholder">There are no items in this list.</li>
  {{/if}}
  <ul>
</template>

items 是 Meteor.cursor：

Template.list.items = function() {
  return Items.find();
};

但是，上面的代码不起作用，因为即使没有项目，条件也会积极评估（这有点令人惊讶，因为 Handlebars 将 [] 评估为错误）。我尝试将条件更改为

{{#if items.count}}

然后我得到了一个神秘的错误

Unknown helper 'items'

那么，有没有办法在流星把手模板中编写这样的条件？

Answer 1

这是正确的方法：

<template name="list">
  <ul>
  {{#each items}}
    <li>{{itemContents}}</li>
  {{else}}
    <li class="placeholder">There are no items in this list.</li>
  {{/each}}
  <ul>
</template>

如需了解更多信息，请查看handlebarsjs.com。

（Meteor 使用受 Handlebars 启发的Spacebars。所以语法几乎相同。）

Answer 2

通过使用with 更改评估上下文，我能够让我的模板正常工作：

<template name="list">
  <ul>
  {{#with items}}
    {{#if count}}
        {{#each this}}
          <li>{{itemContents}}</li>
        {{/each}}
    {{else}}
      <li class="placeholder">There are no items in this list.</li>
    {{/if}}
  {{/with}}
  <ul>
</template>

注意修改后的表达式{{#if count}} 和{{#each this}}。

Answer 3

过去几周我一直在评估 Handlebars，遇到了类似的问题。对我有用的是读取长度属性并添加 else 标签。

    {{#if competitions.length}}
        <div class="game-score span-4"> 
        ...code goes here...    
        </div>
   {{else}}
        {{> allGameNotes}}
   {{/if}