handlerbars.js проверяет, пуст ли список

Есть ли способ в шаблоне Handlebars.js проверить, является ли коллекция или список нулевым или пустым, прежде чем переходить и повторять список / коллекцию?

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

{{/list}}



{{#each items}}

{{/each}}

Тег "each" также может принимать раздел "else". Итак, самая простая форма:

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

Если у вас есть что-то, что вы хотите отобразить один раз и только если в массиве есть данные , используйте

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

.length вернет 0 для пустых массивов, поэтому мы достигли реального ложного значения.

Хорошо, это проще, чем я думал:

{{#if items}}
// render items

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

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

Если вы хотите проверить, пуста ли коллекция (курсор) или нет, предыдущие ответы не будут полезны, вместо этого вы должны использовать count()метод:

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

Для тех, кому нужно использовать {{#each}} поверх {{#if}} (т. Е. Цикл if внутри цикла for). Есть у них три разных списка массивов.

Использование поиска внутри оператора if решает проблему для меня. Поскольку приведенные выше ответы не решили мою проблему.

Вот мой код,

{{#each OtherRandomItems}}

  {{this}}

  {{lookup ../AnotherRandomItems @index}}

  {{#if (lookup ../RandomItems @index)}}
  // render items
  {{else}}
  // render empty
  {{/if}}

{{/each}}