How to handle an IF STATEMENT in a Mustache template?

javascript templates mustache
AnApprentice picture AnApprentice · Dec 18, 2011 · Viewed 109.2k times · Source

I'm using mustache. I'm generating a list of notifications. A notification JSON object looks like:

[{"id":1364,"read":true,"author_id":30,"author_name":"Mr A","author_photo":"image.jpg","story":"wants to connect","notified_type":"Friendship","action":"create"}]

With mustache, how can I do a if statement or case statement based on the notified_type & action...

If notified_type == "Friendship" render ......

If notified_type == "Other && action == "invite" render.....

How does that work?

Answer

Lucas picture Lucas · Dec 28, 2014

Just took a look over the mustache docs and they support "inverted sections" in which they state

they (inverted sections) will be rendered if the key doesn't exist, is false, or is an empty list

http://mustache.github.io/mustache.5.html#Inverted-Sections

{{#value}}
  value is true
{{/value}}
{{^value}}
  value is false
{{/value}}

Related questions

How do I accomplish an if/else in mustache.js?

It seems rather odd that I can't figure how to do this in mustache. Is it supported? This is my sad attempt at trying: {{#author}} {{#avatar}} <img src="{{avatar}}"/> {{/avatar}} {{#!avatar}} <img src="/images/default_avatar.png" …

Read More
Iterate over an object for Handlebars?

So this is the general gist of my data (copied the look from chrome webkit inspector). > Object > Fruit: Array[2] > 0: Object name: "banana" color: "yellow" animalthateats: "monkey" id: 39480 > 1: Object length: 2 > Vegetables: Array[179] > Dairy: Array[2] > …

Read More
Can Mustache Templates do template extension?

I'm new to Mustache. Many templating languages (e.g., Django / Jinja) will let you extend a "parent" template like so... base.html <html><head></head> <body> {% block content %}{% endblock %} </body> &…

Read More