2012-05-22 35 views
0

数组我有对象的数组下面给出:如何渲染对象的小胡子标签

var games_string = new Array(); 
games_string[0] = { display_name: "sanket" }; 
games_string[1] = { display_name: "sky" }; 

我想使这个数组对象的小胡子标签的HTML页面。 我提到这个网站http://mustache.github.com/mustache.5.html,发现这个解决办法,但它不工作...

<table> 
<tr> 
{{#games_string}} 
    <td> 
     <b>{{display_name}}</b> 
    </td> 
{{/games_string}} 
</tr> 
<table> 
+0

- >它不呈现的显示名称。 - >我打电话给这个模板使用mojito框架 – Sanket

回答

1

fine manual的例子勾画出的基本用法:

var view = { 
    title: "Joe", 
    calc: function() { 
    return 2 + 4; 
    } 
}; 

var output = Mustache.render("{{title}} spends {{calc}}", view); 

如果你的模板是tmpl那么你倒是想要做这样的事情:

var data = { 
    games_string: [ 
     { display_name: "sanket" }, 
     { display_name: "sky" } 
    ] 
}; 
var html = Mustache.render(tmpl, data); 

你需要给render对象到使用值与名称相连,否则Mustache将不知道{{#games_string}}应该在模板中引用。仅仅创建一个名为games_string的变量是不够的,你必须告诉胡须什么数据应该与模板内的games_string名称相关联。

演示:http://jsfiddle.net/ambiguous/9y7ju/

+0

谢谢..对于那种敏锐的观察。我完全忽略了这一点。 – Sanket