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