javascript - Ember.js 使用每个，得到计数

Question

将 Ember.js 与 Handlebars 一起使用，并循环遍历如下结果:

{{#each transaction in transactions }}
    <p>Transaction: {{ transaction.name }}</p>
{{else}}
    <p>No results...</p>

我如何查看事务的总数，如果大于 10，则添加一个简单的负载:

<p><a {{action loadMoreResults}}>Load more transactions...</a></p>

Answer 1

实现自定义 Handlebars 助手，类似于 if_gt

{{#if_gt transactions.length compare="10"}}
       <p><a {{action loadMoreResults}}>Load more transactions...</a></p>
{{/if_gt}}

你的 Helper 将被定义成这样

Handlebars.registerHelper('if_gt', function(context, options) {
  if (context > options.hash.compare)
      return options.fn(this);
  return options.inverse(this);
});

在那种情况下你可以试试这个.. 只需将元素移到 loop

之外

{{#if something}}
     {{#each transaction in transactions }}
         <p>Transaction: {{ transaction.name }}</p>
     {{/each}}
{{else}}
    <p>No results...</p> 
{{/if}}

{{#if_gt total_transactions compare="10"}}
    <p>Load more...</p>
{{/if_gt}}