handlebars: 一个好用的模板引擎/hbs

{
  "firstname": "Yehuda",
  "lastname": "Katz"
}

<p>{{firstname}} {{lastname}}</p>

{
  person: {
    firstname: "Yehuda",
    lastname: "Katz",
  },
}

{{#with person}}
{{firstname}} {{lastname}}
{{/with}}

{
  people: [
    "Yehuda Katz",
    "Alan Johnson",
    "Charles Jolley",
  ],
}

<ul class="people_list">
  {{#each people}}
    <li>{{this}}</li>
  {{/each}}
</ul>

Handlebars.registerHelper('loud', function (aString) {
    return aString.toUpperCase()
})

{{firstname}} {{loud lastname}}

var data = {
  persons: [
    { name: "Nils", age: 20 },
    { name: "Teddy", age: 10 },
    { name: "Nelson", age: 40 },
  ],
};

Handlebars.registerPartial(
    "person", 
    "{{person.name}} is {{person.age}} years old.\n"
)

{{#each persons}}
  {{>person person=.}}
{{/each}}

{{> header/top}}

{
  author: true,
  firstName: "Yehuda",
  lastName: "Katz",
}

<div class="entry">
{{#if author}}
<h1>{{firstName}} {{lastName}}</h1>
{{/if}}
</div>

{}

<div class="entry">
{{#unless license}}
<h3 class="warning">WARNING: This entry does not have a license!</h3>
{{/unless}}
</div>