handlerbars.js check if list is empty
Is there a way in Handlebars.js templating to check if the collection or list is null or empty, before going and iterating through the list/collection?
// if list is empty do some rendering ... otherwise do the normal
{{#list items}}
{{/list}}
{{#each items}}
{{/each}}
If you have something that you want to display once and only if the array has data, use
{{#if items.length}}
//Render
{{/if}}
.length
will return 0 for empty arrays so we have achieved a real falsey value.
The "each" tag can take an "else" section too. So the simplest form is:
{{#each items}}
// render item
{{else}}
// render empty
{{/each}}
Ok it's simpler than I thought:
{{#if items}}
// render items
{{#each items}}
// render item
{{/each}}
{{else}}
// render empty
{{/if}}