Làm cách nào để tìm độ dài Mảng bên trong các mẫu của Handlebar?

Tôi có một mẫu Handlebars được hiển thị bằng cách sử dụng một đối tượng json. Trong json này, tôi đang gửi một mảng. Như thế này:

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

Bây giờ trong mẫu của tôi, tôi muốn tìm độ dài của mảng này. Cái gì đó như:

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

Không thể tìm thấy nó trong tài liệu Handlebars.

Lỗi của tôi....

{{array.length}}thực sự đã hoạt động bên trong mẫu. Nên đã kiểm tra / thử nghiệm nó trước khi đăng nó ở đây.

Trong trường hợp này, bạn cần tham chiếu đến biến cha của mỗi biến từ bên trong mỗi khối:

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

Tôi nghĩ rằng biến của bạn được đặt tên là "mảng" có lẽ cũng đang gây ra vấn đề. Hãy giả sử một số JSON khác nhau chỉ để làm rõ:

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

Vì vậy, sau đó làm điều này:

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

Sẽ mang lại:

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

Bạn có thể xác định trình trợ giúp đơn giản để xử lý nó:

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

Và sau đó sử dụng nó trong mẫu của bạn, ví dụ:

{{get_length some_object}}

Nếu bạn đang kiểm tra danh sách trống để hiển thị nội dung ... Trong Ember.js sử dụng thanh điều khiển, bạn có thể có một danh sách khác cho #each.

{{#each blah as |blah|}}

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