Γρήγορη αναφορά

Handlebars.js Cheat Sheet

Συνοπτικός οδηγός για το Handlebars.js: εκφράσεις, ενσωματωμένοι βοηθοί block if/each/with και προσαρμοσμένοι βοηθοί.

· Δημοσιεύτηκε

Το Handlebars.js παρέχει σημασιολογικά πρότυπα χωρίς ανάμειξη λογικής, επεκτείνοντας τα πρότυπα Mustache.

Εκφράσεις και Ενσωματωμένοι Βοηθοί

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

{{#if isActive}}
  <span class="active">Active</span>
{{else}}
  <span class="inactive">Inactive</span>
{{/if}}

{{#each items}}
  <li>{{this}}</li>
{{/each}}

{{#with author}}
  <h2>By {{name}}</h2>
{{/with}}

Προσαρμοσμένοι Βοηθοί (Custom Helpers)

Handlebars.registerHelper('fullName', function (person) {
  return person.firstName + ' ' + person.lastName;
});
<p>{{fullName user}}</p>

Σχετικά Cheat Sheets

Σχετικά θέματα