ハンドルバーテンプレート内の配列の長さを見つける方法は？

jsonオブジェクトを使用してレンダリングされるHandlebarsテンプレートがあります。このjsonでは、配列を送信しています。このような：

var json = {
               "array":["abc","def","ghi","jkl"] 
}

テンプレートで、この配列の長さを見つけたいと思います。何かのようなもの：

{{#each item}}
   {{ array.length }}
{{/each}}

ハンドルバーのドキュメントで見つかりませんでした。

私の悪い....

{{array.length}}実際にはテンプレート内で機能しました。ここに投稿する前にチェック/テストする必要があります。

この場合、各ブロック内からそれぞれの親変数を参照する必要があります。

{{#each array}}
    {{../array.length}}
{{/each}}

「配列」という名前の変数も、おそらく問題を混乱させていると思います。明確にするために、いくつかの異なるJSONを想定しましょう。

var json = {
    "fruit":["apple","orange","banana"]
};

だからこれを行う：

<ul>
    {{#each fruit}}
        <li>{{this}} {{@index}} {{../fruit.length}}</li>
    {{/each}}
</ul>

降伏します：

<ul>
    <li>apple 0 3</li>
    <li>orange 1 3</li>
    <li>banana 2 3</li>
</ul>

それを処理するための単純なヘルパーを定義できます。

Handlebars.registerHelper('get_length', function (obj) {
 return obj.length;
});   

そして、それをテンプレートで使用します。例：

{{get_length some_object}}

コンテンツを表示するために空のリストをテストしている場合...ハンドルバーを使用するEmber.jsでは、＃eachにelseを設定できます。

{{#each blah as |blah|}}

{{else}}
 //   If array is empty
{{/each}}