Moustache khuôn mẫu với một mảng của các đối tượng

Question

Tôi cố gắng để template mảng sau đây của đối tượng:

var arr = [{name:"Ryan Pays", url:"http://www.ryanpays.com"}, {name:"foo", url:"http://www.google.com"}]; 

tôi chuyển đổi mảng đến một đối tượng như vậy:

arr = $.extend({}, arr); 

nào mang lại cho tôi những điều sau đây đối tượng:

{ 
0:{name:"Ryan Pays", url:"http://www.ryanpays.com"}, 
1:{name:"foo", url:"http://www.google.com"} 
} 

Sử dụng Mustache tôi muốn liệt kê đối tượng đó với mẫu sau:

var template = "<h4>Your friends' choices</h4>" + 
       "<ul>" + 
       "<li>" + 
       "<p><strong>{{name}}</strong> likes <a href='{{url}}'>this</a></p>" + 
       "</li>" + 
       "</ul>"; 
var html = Mustache.to_html(template, displayData); 
$('.choices').html(html); 

Tôi dường như không thể làm điều đó. Tôi có thể nhận được kết quả đầu tiên như in như vậy:

var html = Mustache.to_html(template, displayData[0]); 

Và vân vân nhưng không được cả hai.

liên kết thay vì chỉ violong của vấn đề này:

http://jsfiddle.net/AtJDa/

Answer 1

Bạn có thể sử dụng mẫu cho các mảng:

var template = "<h4>Your friends' choices</h4>" + 
    "<ul>" + 
      "{{#arr}}"+ 
      "<li>" + 
      "<p><strong>{{name}}</strong> likes <a href='{{url}}'>this</a></p>" + 
      "</li>" + 
      "{{/arr}}"+ 
    "</ul>"; 
var html = Mustache.to_html(template, {arr:arr}); 

Answer 2

Bạn cần phải sử dụng Moustache tích hợp trong khả năng lặp lại:

var template = "<h4>Your friends' choices</h4>" + 
       "<ul>{{#friends}}" + 
       "<li>" + 
        "<p><strong>{{name}}</strong> likes <a href='{{url}}'>this</a></p>" + 
       "</li>" + 
       "{{/friends}}</ul>"; 

var data = {friends: [{name:"Ryan Pays", url:"http://www.ryanpays.com"}, {name:"foo", url:"http://www.google.com"}]}; 

var html = Mustache.to_html(template, data); 

http://jsfiddle.net/AtJDa/1/

nước sốt bí mật là trong khai báo phần {{#friends}}