我有一个如下所示的数组:
[
Object
actions: Array[2]
comments: Object
created_time: "2012-06-14T17:45:34+0000"
from: Object
id: "2388163605_10150972634368606"
message: "På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen söndagen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan berättas på begäran."
to: Object
type: "status"
updated_time: "2012-06-14T21:45:15+0000"
__proto__: Object
,
Object
actions: Array[2]
comments: Object
created_time: "2012-06-14T17:45:34+0000"
from: Object
id: "2388163605_10150972634368606"
message: "På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen söndagen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan berättas på begäran."
to: Object
type: "status"
updated_time: "2012-06-14T21:45:15+0000"
__proto__: Object
,
Object
actions: Array[2]
comments: Object
created_time: "2012-06-13T11:30:35+0000"
from: Object
id: "2388163605_10150969775613606"
message: "Har en båtbiljett Nynäshamn-Visby avg 11.05 nu på fredag!"
to: Object
type: "status"
updated_time: "2012-06-13T11:30:35+0000"
__proto__: Object
,
Object
actions: Array[2]
comments: Object
created_time: "2012-05-21T10:36:18+0000"
from: Object
id: "103138046395999_394844430558691"
message: "Hej, är det någon som pendlar Visby-Sthlm-Visby? Jag skulle behöva ha hjälp att få hem en byrå från Sthlm. Den är monterad så den där ganska stor. Så behövs släp,lastbil eller större personbil. Mvh Sabina "
to: Object
type: "status"
updated_time: "2012-05-21T10:36:18+0000"
__proto__: Object
]
我尝试使用小胡子进行迭代并打印出每条消息。这是我尝试使用的模板:
<ul>
{{#.}}
<li>{{message}}</li>
{{/.}}
</ul>
这是我将数组发布到模板中的方式:
var template = $('#trips').html();
var content = locationIndex[loc.title];
var html = Mustache.to_html(template, content);
$('#right').html(html);
模板的定义如下:
<script id="trips" type="text/template">
<div id="wrapper">
<ul>
{{#.}}
<li>{{message}}</li>
{{/.}}
</ul>
</div>
</script>
这是我之前使用过的一种方法,它似乎现在也可以使用......
该模板有效,因为呈现了Ul-tag,但我似乎没有正确引用该数组。我做错了什么?
答案 0 :(得分:4)
试试这个:
模板:
<script id="trips" type="text/template">
<div id="wrapper">
<ul>
{{#array}}
<li>{{message}}</li>
{{/array}}
</ul>
</div>
</script>
JavaScript:
var html = Mustache.to_html( template, { array: content } );
我假设content
变量包含一个数组。
答案 1 :(得分:0)
在此处查看我的回复 Mustache JS Template with JSON Collection
data = {'roles':data}
以下是通过web api进行的json调用
$.ajax({
dataType: "json",
url: '/api/TestApi/GetAllRole',
success: function (data) {
`
data = {'roles':data};
// formatting the data to support the mustache format
var html = Mustache.to_html($('#RoleTemplate').html(), data);
$('#tblRole').append(html);
}
})