Handlebars.js: Làm thế nào để truy cập vào chỉ mục cha trong lồng nhau?

Question

Cách truy cập giá trị @index gốc trong mỗi vòng lặp?

thử những điều sau đây:

{{#each company}} 
{{#each employee}} 
    {{../@index}} // how to access company index here? 
{{/each}} 
{{/each}} 

Điều này dẫn đến một lỗi:

Expecting 'ID', got 'DATA'

Answer 1

Có một lỗi cú pháp trong ví dụ. Cú pháp chính xác là {{@../index}}.

Chúng tôi đang tìm cách để chúng tôi có thể hỗ trợ đặt tên tùy chỉnh các thông số này trong các phiên bản ngôn ngữ trong tương lai để dễ xử lý hơn. https://github.com/wycats/handlebars.js/issues/907

Answer 2

này đã làm việc cho tôi:

{{#each company}} 
{{setIndex @index}} 
{{#each employee}} 
    {{../index}} 
{{/each}} 
{{/each}} 

JS:

Handlebars.registerHelper('setIndex', function(value){ 
    this.index = Number(value + 1); //I needed human readable index, not zero based 
}); 

Chỉ cần đảm bảo đối tượng company không có thuộc tính index.

Answer 3

registe một phương pháp Helper:

Handlebars.registerHelper('eachWithIndex', function(cursor, options) { 
    var fn = options.fn, inverse = options.inverse; 
    var ret = ""; 
    var idx = -1; 
    //console.log(cursor); 
    cursor.forEach(function(item){ 
     idx++; 
     console.log(item.index); 
     item.index = idx; 
     ret+=fn(item); 
    }); 
    return ret; 
}); 

tay lái mẫu:

{{#eachWithIndex outer}} 
    {{#each inner}} 
    {{../index}} // access outer index like this. I used hanlebars V1.3.0 
    {{index}} // access inner index 
    {{/each}} 
{{/eachWithIndex}} 

Answer 4

Trả lời:{{@../index}}

Từ Handlebars docs (xem dưới cùng của 'từng' phần helper):

"Nested each khối có thể truy cập các biến interation qua đường depted Để truy cập vào. chỉ có thể sử dụng chỉ mục chính, ví dụ: {{@../index}}. "

LƯU Ý: Tôi đang sử dụng v1.3 nên ít nhất nó cũ.

NHẮC NHẮC: Người trợ giúp là lựa chọn tốt nhất cuối cùng của bạn. 9/10 có một giải pháp tốt hơn.

Answer 5

Dường như có cú pháp mới trong Ember v2.2.0. Tôi đã thử tất cả các câu trả lời ở đây và họ đã không làm việc cho tôi.

Những gì tôi tìm thấy đã làm việc là đặt tên cho chỉ mục vòng lặp của cha và chỉ mục vòng lặp con.

{{#each parents as |parent parentIndex|}} 
    {{parentIndex}} 
    {{#each children as |child childIndex|}} 
     {{parentIndex}} 
     {{childIndex}} 
    {{/each}} 
{{/each}}