在 jsrender 中选择数组的一部分

Selecting part of array in jsrender

本文关键字：一部分 数组 选择 jsrender      更新时间：2023-09-26

告诉我如何在jsrender中选择部分数据

例如，我有那个数组：

сatlist = [
{
    id: "1",
    title: "Category 1",
        products: [
        { name: "Child doc 1" },
        { name: "Child doc 2" }
    ]
},
    {
    id: "2",
    title: "Category 2",
        products: [
        { name: "Child doc 3" },
        { name: "Child doc4" }
      ]
    }
];

如何在模板中仅显示哪个ID类别为2的子文档？

    <div id="peopleList"></div>
<script id="personTmpl" type="text/x-jsrender">
  <label>id:</label> {{:id}}<br/>
<label>name:</label> {{:title}}<br/>
{{if id==2}}
{{for products }}
<label>product name:</label> {{:name}}<br/>
{{/for}}
{{/if}}
</script>
var myTemplate = $.templates("#personTmpl");
var people = [
{
    id: "1",
    title: "Category 1",
        products: [
        { name: "Child doc 1" },
        { name: "Child doc 2" }
    ]
},
    {
    id: "2",
    title: "Category 2",
        products: [
        { name: "Child doc 3" },
        { name: "Child doc4" }
      ]
    }
];
var html = myTemplate.render(people);
$("#peopleList").html(html);

如果你想排除任何你可以做的事情，我会放置所有代码，你可以通过你自己排除的东西，希望它能帮助你。

相关文章：