How do I make a template conditional based on a collection's size?
I want to do something like this:
{{#if items}}
{{#each items}}
- {{itemContents}}
-
I was able to get my template to work by using
withto change the evaluation context:<template name="list"> <ul> {{#with items}} {{#if count}} {{#each this}} <li>{{itemContents}}</li> {{/each}} {{else}} <li class="placeholder">There are no items in this list.</li> {{/if}} {{/with}} <ul> </template>Notice the modified expressions
{{#if count}}and{{#each this}}.讨论(0) -
I have been evaluating Handlebars for the past few weeks and I had a similar issue. What worked for me was reading the length property and adding the else tag.
{{#if competitions.length}} <div class="game-score span-4"> ...code goes here... </div> {{else}} {{> allGameNotes}} {{/if}讨论(0) -
This would be the correct way to go:
<template name="list"> <ul> {{#each items}} <li>{{itemContents}}</li> {{else}} <li class="placeholder">There are no items in this list.</li> {{/each}} <ul> </template>For further information take a look at handlebarsjs.com.
(Meteor uses Spacebars which is inspired by Handlebars. So the Syntax is almost the same.)
讨论(0)
加载中...
- 热议问题