Wąsy szablonów z tablicą obiektów

Question

Próbuję szablon następującą tablicę obiektów:

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

przekonwertować tej tablicy do obiektu tak:

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

Który daje mi następujące obiekt:

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

Korzystanie Wąsy chcę wyliczać na tym obiekcie z następującego wzoru:

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); 

Nie wydaje mi się, żebym był w stanie to zrobić. Mogę uzyskać pierwszy wynik podobny do wydrukowania:

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

I tak dalej, ale nie oba.

Link do skrzypiec tej kwestii:

http://jsfiddle.net/AtJDa/

Answer 1

można użyć szablonu dla tablic:

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

Musisz użyć Wąsy wbudowanej możliwości iteracji:

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/

tajny sos jest w deklaracji sekcji {{#friends}}