javascript - Ember.js 使用每个，获取计数

Question

将 Ember.js 与车把一起使用，并循环显示如下结果：

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

如何查看总数transactions，如果大于 10，则添加一个简单的负载：

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

Answer 1

实现一个自定义车把助手，比如if_gt

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

你的助手将被定义为这样的

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}}