Vorlagen (Handlebars)
Überblick
Abschnitt betitelt „Überblick“Die Templates-Komponente bietet Handlebars-basiertes Templating zur Erzeugung dynamischer Inhalte.
Grundlegende Verwendung
Abschnitt betitelt „Grundlegende Verwendung“- id: format_message type: template config: template: "Hello, {{name}}! Your order #{{order_id}} is ready." next: send_messageTemplate-Syntax
Abschnitt betitelt „Template-Syntax“Variablen
Abschnitt betitelt „Variablen“{{variable}}{{nested.property}}{{array.[0]}}Bedingungen
Abschnitt betitelt „Bedingungen“{{#if condition}} Content when true{{else}} Content when false{{/if}}
{{#unless condition}} Content when false{{/unless}}Schleifen
Abschnitt betitelt „Schleifen“{{#each items}} Item: {{this.name}} - ${{this.price}}{{/each}}
{{#each items as |item index|}} {{index}}. {{item.name}}{{/each}}Integrierte Helper
Abschnitt betitelt „Integrierte Helper“{{#with user}} Name: {{name}} Email: {{email}}{{/with}}
{{lookup items index}}
{{log "Debug message"}}Benutzerdefinierte Helper
Abschnitt betitelt „Benutzerdefinierte Helper“String-Helper
Abschnitt betitelt „String-Helper“{{uppercase text}} <!-- "HELLO" -->{{lowercase text}} <!-- "hello" -->{{capitalize text}} <!-- "Hello" -->{{truncate text 50}} <!-- "Hello wo..." -->Zahlen-Helper
Abschnitt betitelt „Zahlen-Helper“{{formatNumber 1234.56}} <!-- "1,234.56" -->{{currency amount}} <!-- "$99.99" -->{{percent value}} <!-- "85%" -->Datums-Helper
Abschnitt betitelt „Datums-Helper“{{formatDate date "YYYY-MM-DD"}}{{relativeTime timestamp}} <!-- "2 hours ago" -->{{now}} <!-- Current timestamp -->Beispiel-Templates
Abschnitt betitelt „Beispiel-Templates“Bestellbestätigung
Abschnitt betitelt „Bestellbestätigung“- id: order_confirmation type: template config: template: | # Order Confirmation
**Order #{{order.id}}**
Hi {{customer.name}},
Thank you for your order!
## Items: {{#each order.items}} - {{name}} x {{quantity}} - ${{price}} {{/each}}
**Subtotal:** ${{order.subtotal}} **Tax:** ${{order.tax}} **Total:** ${{order.total}}
Expected delivery: {{formatDate order.delivery_date "MMMM D, YYYY"}}Statusaktualisierung
Abschnitt betitelt „Statusaktualisierung“- id: status_template type: template config: template: | {{#if is_complete}} Your request has been completed! {{else if is_pending}} Your request is being processed... {{else}} We've received your request. {{/if}}
{{#if notes}} Notes: {{notes}} {{/if}}Externe Templates
Abschnitt betitelt „Externe Templates“Templates aus Dateien laden:
- id: render_email type: template config: template_file: "templates/email/welcome.hbs" data: user: "{{user}}" company: "Acme Corp"Partials
Abschnitt betitelt „Partials“Partial registrieren
Abschnitt betitelt „Partial registrieren“components: templates: partials: header: "templates/partials/header.hbs" footer: "templates/partials/footer.hbs"Partial verwenden
Abschnitt betitelt „Partial verwenden“{{> header}}
Main content here
{{> footer}}