Conditional Execution
The {{#if}}
/ {{#else}}
/ {{/if}}
directives are used to conditionally include sections:
{{#if model.quantity == 0}}
<p>OUT OF STOCK</p>
{{/if}}
Else blocks can be marked as {{#else}}
or {{else}}
(for Mustache/Handlebars compatibility)
{{#if model.quantity == 0}}
<p>OUT OF STOCK</p>
{{#else}}
<P>IN STOCK</P>
{{/if}}
There's also an {{#elseif}}
directive:
{{#if model.quantity == 0}}
<p>OUT OF STOCK</p>
{{#elseif model.quantity < 3}}
<p>ALMOST OUT OF STOCK</p>
{{#else}}
<P>IN STOCK</P>
{{/if}}
As an alternative for {{#else}}
and {{#elseif}}
you can use {{^}}
and {{^if}}
:
{{#if model.quantity == 0}}
<p>OUT OF STOCK</p>
{{^if model.quantity < 3}}
<p>ALMOST OUT OF STOCK</p>
{{^}}
<P>IN STOCK</P>
{{/if}}
Moe-js doesn't really need an {{#unless}}
block (because it's easy to just use {{#if !(expr)}}
) but
includes one anyway:
{{#unless model.newUser}}
<p>User ID: {{model.user.id}}</p>
{{/unless}}
An {{#unless}}
block can't have an {{#else}}
block.