JSRender - 基于属性的组答案

【问题标题】：JSRender - Group based on propertyJSRender - 基于属性的组
【发布时间】：2014-04-11 14:19:51
【问题描述】：

我有一个如下所示的 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 是嵌套的，它会更容易，但这里不是这种情况。感谢您的指导！

【问题讨论】：

标签： jsrender

【解决方案1】：

一种方法是先对数组进行排序（或克隆它然后对克隆进行排序），以便按类别排序。

现在遍历排序后的数组：

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

【讨论】：