Handlebars.js Else If

by

Handlebars supports {{else if}} blocks as of 3.0.0.

Handlebars v3.0.0 or greater:

{{#if FriendStatus.IsFriend}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div>
{{else if FriendStatus.FriendRequested}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div>
{{else}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div>
{{/if}}

Prior to Handlebars v3.0.0, however, you will have to either define a helper that handles the branching logic or nest if statements manually:

{{#if FriendStatus.IsFriend}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div>
{{else}}
  {{#if FriendStatus.FriendRequested}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div>
  {{else}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div>
  {{/if}}
{{/if}}

More Related Contents:

  1. Iterating over basic “for” loop using Handlebars.js
  2. What are the differences between Mustache.js and Handlebars.js?
  3. Logical operator in a handlebars.js {{#if}} conditional
  4. Handlebars/Mustache – Is there a built in way to loop through the properties of an object?
  5. How to iterate over array of objects in Handlebars?
  6. Is there a built-in way to loop through the properties of an object?
  7. Access properties of the parent with a Handlebars ‘each’ loop
  8. How do I access an access array item by index in handlebars?
  9. How to get index in Handlebars each helper?
  10. Access a variable outside the scope of a Handlebars.js each loop
  11. Passing variables through handlebars partial
  12. Need Handlebars.js to render object data instead of “[Object object]”
  13. Insert html in a handlebar template without escaping
  14. Handlebarsjs check if a string is equal to a value
  15. Handlebars: Access has been denied to resolve the property “from” because it is not an “own property” of its parent
  16. how express forming the img URL
  17. Using pre-compiled templates with Handlebars.js (jQuery Mobile environment)
  18. Handlebars Template rendering template as text
  19. Using Express Handlebars and Angular JS
  20. Is there any way to use multiple view engines with Express + Node.js
  21. ember.js + handlebars: render vs outlet vs partial vs view vs control
  22. Is it possible to load a Handlebars template via Ajax?
  23. Rendering resolved promise value in Ember handlebars template
  24. How can I fix Highcharts error #13?
  25. Handlebars.js if block helper ==
  26. Positional index in Ember.js collections iteration

Leave a Comment