Meteor và handlebars #each để lặp qua đối tượng

Question

Tôi muốn sử dụng tay lái #each với đối tượng không phải là mảng.

Tôi làm như thế nào? Tôi cần nó để vẫn làm việc với các tính năng đặc biệt của sao băng với #each.

đối tượng của tôi là theo hình thức:

{ 
    john: "hello", 
    bob: "hi there" 
} 

Tôi đang cố gắng để có được một kết quả như thế này:

<div>hello</div> 
<div>hi there</div> 

Answer 1

Bạn cần phải sử dụng một helper trong js của bạn để giúp tay lái hiểu đối tượng của bạn:

Thêm vào khách hàng của bạn js

Template.registerHelper('arrayify',function(obj){ 
    var result = []; 
    for (var key in obj) result.push({name:key,value:obj[key]}); 
    return result; 
}); 

Và sử dụng (bạn cũng có thể sử dụng phím với {{name}}) trong html của bạn:

{{#each arrayify myobject}} 
    <div title="hover here {{name}}">{{value}}</div> 
{{/each}} 

myobject xuất phát từ mẫu của bạn:

Template.templatename.helpers({ 
    myobject : function() { 
     return { john:"hello", bob: "hi there" } 
    } 
}); 

Answer 2

Bạn có thể chuyển đổi đối tượng của bạn vào mảng với gạch _.map

html:

<template name="test"> 
    {{#each person}} 
     <div>{{greeting}}</div> 
    {{/each}} 
</template> 

js:

Template.test.helpers({ 
    person : function() { 
     return _.map(object, function(val,key){return {name: key, greeting: val}}); 
    } 
}); 

Answer 3

Cần lưu ý cho những người tìm kiếm này bây giờ mà cách chính xác để khai báo các tay lái người giúp đỡ trong Meteor như các văn bản này là với phương pháp UI.registerHelper như trái ngược với Handlebars.registerHelper. Vì vậy, trình trợ giúp ở trên sẽ trông giống như sau:

UI.registerHelper("arrayify", function(obj){ 
    result = []; 
    for (var key in obj){ 
     result.push({name:key,value:obj[key]}); 
    } 
    return result; 
});