0

アプリで学生の進捗状況カードを表示する必要があります。jquery テンプレートを使用していますが、問題に直面しています。以下に示すような json 文字列があります。

"[{"ID":1,
"Name":"Frank",
"Age":15,
"Status":"Pass",
"MarkList":[{"year":"11/28/2012","Status":"Pass","Mark":"100"},
{"year":"2011","Status":"Pass","Mark":"110"},
{"year":"2010","Status":"Pass","Mark":"120"},
{"year":"2009","Status":"Pass","Mark":"130"}]
}]"

次のコードを試しました

{{each(i,item) $data}}
{{each(j,subItem) $item}}
<div>${year}</div>
<div>${Status}</div>
<div>${Mark}</div>
{{/each}}
{{/each}}

しかし、ページが読み込まれない コードが正しくないことはわかっていますが、それを修正する方法がわかりません...何か考えはありますか????

4

1 に答える 1

1

アイテムをループしてからマークのリストをループするには、次のようなものが必要になる可能性があります。

{{each(i, person) $data}}
<div>${Name}</div>
<ul>
   {{each(j, list) MarkList}}
    <li>${year}</li>    
    {{/each}}
</ul>
{{/each}}

サンプル: http://jsfiddle.net/K8rsR/

于 2013-10-03T13:16:41.950 に答える