Mustache javascript: how to handle with boolean values

Question

I have a javascript object obj and the value of the key can be true or false.

This value is passed to mustache template.

// javascript object

obj = {
    like: true // or false
}

// template

<span>
   {{ like }}
</span>

Now I would like having the result of the rendering in this way:

<span>
   Like <!-- If {like: true} --->
</span>

<span>
   Unlike <!-- If {like: false} --->
</span>

What is the best way to make it in mustache template?

Answer 1

it's just like this:

<span>
    {{#like}}
        Like <!-- If {like: true} --->
    {{/like}}
    {{^like}}
        Unlike <!-- If {like: false} --->
    {{/like}}
</span>

Answer 2

Just use a section and an inverted section:

{{#like}}
<span>
   Like <!-- If {like: true} --->
</span>
{{/like}}

{{^like}}
<span>
   Unlike <!-- If {like: false} --->
</span>
{{/like}}