mustache 渲染列表如果不为空

Question

这个问题在这里已经有了答案:





Mustache templates: How to output a block only once for non-empty lists

(3 个回答)


4年前关闭。




只有当列表对象不为空时，我才想使用 Mustache 来呈现 HTML 无序列表。所以我想:

<ul>
    <li>item 1</li>
    <li>item 2</li>
</ul>

如果列表有元素，如果列表是空的(甚至没有 ul 标签)

我怎样才能做到这一点？

编辑:我的数据结构是:

{ "list": ["first item", "second item"] }

Answer 1

如果您不想或无法重新格式化您的数据，您也可以查看 items.length在渲染 <ul> 之前标签。有些人对此不以为然，但这绝对是迈克答案的替代方案。

{{#items.length}}
    <ul>
        {{items}}
            <li>{{property}}</li>
        {{/items}}
    </ul>
{{/items.length}}