JSRender - 基於集團物業

Question

我有一個JSON數組，看起來像這樣：

[{ Title: "Bing", Url: "bing.com", Category: "CAT1 }, { Title: "MSDN", Url: "msdn.com", 
Category: "CAT1 }, { Title: "Pinterest", Url: "pinterest.com", Category: "CAT2" }]; 

我想創建一個渲染模板組這些：

<div>CAT1</div> 
<div>Bing</div> 
<div>MSDN</div> 

<div>CAT2</div> 
<div>Pinterest</div> 

我想，如果我的JSON是嵌套它會更容易，但這不是這種情況。我很欣賞任何指導！

Answer 1

這樣做的一種方法是首先對數組進行排序（或克隆它然後對克隆進行排序），以便按類別排序。

現在遍歷數組排序了：

{{for mySortedArray ~array=mySortedArray}} 
    {{if !#index || ~array[#index-1].Category !== Category}} 
     <div>{{:Category}}</div> 
    {{/if}} 
    <div>{{:Title}}</div> 
{{/for}}