Question

我在下面有json。

如何迭代由逗号分隔的单个列表？

我知道如果标签列表是嵌套数组的形式，可以使用 {{for #data}}

轻松迭代

        var gdata = [
        { id: "1", width: "425",height: "640",src : "test/ocean-bridge.jpg" ,thumb : "test/ocean-bridge.jpg",type:"picture",tags:"dd,cc,brazil,malakand"},
        { id: "2", width: "500",height: "333",src : "test/modern-bike.jpg" ,thumb : "test/modern-bike.jpg",type:"picture",tags:"never,ever,who,when" }, 
        { id: "3", width: "500",height: "580",src : "test/clown.jpg" ,thumb : "test/clown.jpg",type:"picture",tags:"what,why,didit,pizza" },
        { id: "4", width: "640",height: "360",src : "test/html5.webm" ,thumb : "test/webm.jpg",type:"movie",duration:"10:11:12",tags:"never,ever,who,when"},
        { id: "5", width: "640",height: "360",src : "test/html5.mp4" ,thumb : "test/mp4.jpg",type:"movie",duration:"12:10:12",tags:"dynamic,static,who,when"}
       ];

Answer 1

http://msdn.microsoft.com/en-us/magazine/hh975379.aspx

在“转换器”部分，您将找到合适的方法

Answer 2

如果您显示的是javascript，已执行（例如，在您的js文件中，或者在使用$.getScript(...)加载的脚本代码中），那么JSON已经被评估，并且gdata是一个数组。

只需致电...render(gdata);。

或者，您可以拨打...render([gdata]);，然后在模板中使用{{for #data}}。（或...render({ images: gdata });然后在模板中使用{{for images}} ...）

您是否看过新的www.jsviews.com网站？请参阅以下主题，例如：

当然，每个{ id: "1", width: "425",...}都是一个javascript对象，因此您可以使用{{:width}}之类的内容来渲染字段。不确定是否需要使用转换器，但如果您需要，可以{{myconverter:#data}}计算所有字段的渲染值。

jsrender迭代以逗号分隔的列表

2 个答案: