Уса шаблонный с массивом объектов

Question

я пытаюсь шаблон следующего массива объектов:

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

преобразовать этот массив в объект следующим образом:

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

Что дает мне следующее объект:

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

Использование Mustache Я хочу перечислить этот объект по шаблону:

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

Я, похоже, не могу этого сделать. Я могу получить первый результат, например, для печати следующим образом:

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

И так далее, но не оба.

Ссылка на скрипку этого вопроса:

http://jsfiddle.net/AtJDa/

Answer 1

Вы можете использовать шаблон для массивов:

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

Вам нужно использовать Усы встроенный в возможности итерации:

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/

секретный соус в разделе декларации {{#friends}}