Javascript 使用单个变量定义mustache标记
是否有任何选项可以使用一些定义变量设置mustache标签?大概是这样的:Javascript 使用单个变量定义mustache标记,javascript,jquery,templates,mustache,Javascript,Jquery,Templates,Mustache,是否有任何选项可以使用一些定义变量设置mustache标签?大概是这样的: { "color_set_01": [ "white", "black" ], "color_set_02": [ "green", "yellow" ] } Json JavaScript var color = 'color_set_' + options.number; $.getJSON('json/data.json', function(da
{
"color_set_01": [
"white", "black"
],
"color_set_02": [
"green", "yellow"
]
}
Json
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);
});
好的,在快速查看之后,我认为这会起作用:
var template = "<ul>{{#"+color+"}}<li class=\"{{.}}\"></li>{{/"+color+"}}</ul>";
如果您的JSON中有超过
color\u set
s的内容,那么您必须在顶部显示color\u set\u 01
的父项,以便我进一步提供帮助。好的,在快速查看之后,我认为这会起作用:
var template = "<ul>{{#"+color+"}}<li class=\"{{.}}\"></li>{{/"+color+"}}</ul>";
如果您的JSON中有超过
color\u set
s的内容,那么您必须显示color\u set\u 01
的父项在做什么,直到顶部,以便我进一步提供帮助。编辑为我改变了很多问题,但是我仍然不确定你想用color\u class
color\u class
得到什么样的颜色将是我的指定颜色。。。这就是我使用列表的原因,但是如果你有一个字符串列表,我猜其中一个是“super_green”?你希望从中得到什么?在调用Mustache.to_html()
之后,你能显示你期望的html
是什么吗?好的,现在就像我的设置一样,编辑为我改变了很多问题,但我仍然不确定你想用color\u class
color\u class得到什么将是我指定的颜色。。。这就是我使用列表的原因,但是如果你有一个字符串列表,我猜其中一个是“super_green”?你希望从中得到什么?在调用Mustache.to_html()
之后,你能显示你期望的html
是什么吗?好的,现在就像我在设置中一样,我想你没有显示完整的JSON,在颜色集
之上还有更高的级别吗?我将更新我的帖子,以显示mustache
所期望的内容。好的,但是您的JSON将每个颜色设置为一个单独的对象。现在,如果我在mustache tamplate中设置内联({{{{color}}}}- {/li>{/color}}}
),我的结果是成功的,但如果我使用我的变量,我的列表是空的:(好的,它工作得很好,我爱你,伙计:),非常感谢你的耐心和帮助,BR和+1对于您,我认为您没有显示完整的JSON,在color\u集
s之上有更高的级别吗?我将更新我的帖子,以显示mustache
所期望的内容。好的,但是您的JSON将每个颜色设置为一个单独的对象。现在,如果我在mustache tamplate中设置内联({{{{color}}}}- {/li>{/color}{u set}
),我得到了成功的结果,但如果我使用我的变量,我有一个空列表:(好的,它工作得很好,我爱你,伙计:),非常感谢你的耐心和帮助,BR+1谢谢你
{
"color_set_01": [
"white", "black"
],
"color_set_02": [
"green", "yellow"
]
}