Handlebars.jsの使い方 if

HTML

<h1>Handlebars.jsの使い方 if</h1>
<div id="output"></div>

template

<script id="input" type="text/x-handlebars-template">
  <p>flag1は{{#if flag1}}true{{else}}false{{/if}}</p>
  <p>flag2は{{#if flag2}}true{{else}}false{{/if}}</p>
</script>

JavaScript

var values = {
    flag1: false,
    flag2: true
};
function $(selector) {
  return document.querySelector(selector);
}
var template = Handlebars.compile($('#input').innerHTML);
$('#output').innerHTML = template(values);