วิธีค้นหาความยาวอาร์เรย์ภายในเทมเพลต Handlebar

ฉันมีเทมเพลต Handlebars ซึ่งแสดงผลโดยใช้วัตถุ json ใน json นี้ฉันกำลังส่งอาร์เรย์ แบบนี้:

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

ตอนนี้ในเทมเพลตของฉันฉันต้องการหาความยาวของอาร์เรย์นี้ สิ่งที่ต้องการ:

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

ไม่พบข้อมูลนี้ในเอกสาร Handlebars

ความผิดฉันเอง....

{{array.length}}ใช้งานได้จริงภายในเทมเพลต ควรตรวจสอบ / ทดสอบก่อนโพสต์ที่นี่

ในกรณีนี้คุณต้องอ้างอิงตัวแปรหลักของแต่ละตัวแปรจากภายในแต่ละบล็อก:

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

ฉันคิดว่าตัวแปรของคุณที่มีชื่อว่า "array" อาจทำให้เกิดปัญหาขึ้นเช่นกัน สมมติว่า 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

{{#each blah as |blah|}}

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