handlerbars.js检查列表是否为空

Question

在进行并迭代列表/集合之前,Handlebars.js是否有一种方法可以检查集合或列表是空还是空？

// if list is empty do some rendering ... otherwise do the normal
{{#list items}}

{{/list}}



{{#each items}}

{{/each}}

Answer 1

如果您想要显示一次,并且只有阵列有数据,请使用

{{#if items.length}}
    //Render
{{/if}}

.length 对于空数组将返回0,因此我们实现了一个真正的假值.

Answer 2

"each"标签也可以采用"else"部分.所以最简单的形式是:

{{#each items}}
// render item
{{else}}
// render empty
{{/each}}

Answer 3

好吧,它比我想象的更简单:

{{#if items}}
// render items

{{#each items}}
// render item
{{/each}}

{{else}}
// render empty
{{/if}}

Answer 4

如果要检查集合(光标)是否为空,之前的答案将无用,您必须使用以下count()方法:

{{#if items.count}}
    <p>There is {{items.count}} item(s).</p>
{{else}}
    <p>There is nothing</p>
{{/if}}