Использовать единую переменную для определения тега усы

Question

Есть ли возможность установить тег усы с некоторыми определяющими переменными? Что-то вроде этого:

Json

{ 
    "color_set_01": [ 
     "white", "black" 
     ], 
    "color_set_02": [ 
     "green", "red" 
    ] 
} 

JavaScript

var color = 'color_set_' + options.number; 

$.getJSON('json/data.json', function(data) { 
    var template = "<ul>{{color}}<li class="{{.}}"></li>{{/color}}</ul>"; 
    var html = Mustache.to_html(template, data); 
    colors_panel.html(html); 
}); 

и желаемый результат, если это color_set_01 Арай

<div class="colors_panel"> 
    <ul> 
     <li class="white"> 
     <li class="black"> 
    </ul> 
</div> 

Answer 1

Хорошо, после того, как беглый взгляд на http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/, я думаю, что это будет работать:

var template = "<ul>{{#"+color+"}}<li class=\"{{.}}\"></li>{{/"+color+"}}</ul>"; 

Кажется, что # настраивает возможность использования списка, . - это в основном каждый элемент списка. Кроме того, вам нужно было избежать кавычек в строке шаблона.

Это также предполагает, что ваша JSON должен выглядеть следующим образом:

{ 
    "color_set_01": [ 
     "white", "black" 
    ], 
    "color_set_02": [ 
     "green", "yellow" 
    ] 
} 

Если есть больше, чем color_set s в вашем JSON, то вы должны показать, что родители color_set_01 не вплоть до верхней части для мне помочь дальше.