Handlebars.js - Nhận bối cảnh gốc trong vòng lặp, câu lệnh if và đối tượng con

Question

Tôi hiểu cách chuyển nguồn dữ liệu trong Handlebars nhưng tôi đã tình cờ gặp một tình huống mà tôi không thể làm việc.

Sử dụng "../" bạn có thể tiếp cận phạm vi mẫu gốc nhưng khi lặp qua con của đối tượng, nó có vẻ trả về đối tượng chứ không phải con.

{{#each content.items}} 
{{#if prop}} 
<p>{{prop}} + {{../../variable}}</p> 
{{/if}} 
{{/each}} 

Đoạn mã trên hoạt động tốt nếu bạn lặp thông qua một đối tượng được gọi là 'nội dung' nhưng ngay sau khi bạn lặp qua nó là đứa trẻ, 'content.items' nó không còn trả về phạm vi đúng.

Đây là một câu đố thể hiện sự cố. http://jsfiddle.net/sidonaldson/MDdn2/

Có ai có thể làm sáng tỏ điều gì sai không?

Answer 1

Nó chỉ ra rằng suy nghĩ ban đầu của tôi là sai. Tôi đã chỉ sử dụng Handlebars.js bên trong bối cảnh của Ember.js. Ember cung cấp thêm một số người trợ giúp không có sẵn trong Handlebars đơn giản, vì vậy đó không phải là một lựa chọn. Nhưng tôi dường như đã tìm ra vấn đề của bạn. Kiểm tra this fiddle.

<p>IN CONTENT</p> 
{{#with content}} 
{{#each items}} 
{{#if prop}} 
<p>{{prop}} + {{../../variable}}</p> 
{{/if}} 
{{/each}} 
{{/with}} 
<p>OUTSIDE CONTENT</p> 
{{#each items}} 
{{#if prop}} 
    <p>{{prop}} + {{../../variable}}</p> 
{{/if}} 
{{/each}} 

Tôi không chắc chắn lý do tại sao nó không làm việc ở nơi đầu tiên, nhưng sử dụng with helper thì each helper dường như làm việc. Hy vọng rằng tôi đã đến gần những gì bạn muốn.