Als «handlebars.js» getaggte Fragen

Gibt es in Lenker JS eine Möglichkeit, logische Operatoren in den bedingten Operator standard handlebars.js zu integrieren? Etwas wie das: {{#if section1 || section2}} .. content {{/if}} Ich weiß, dass ich meinen eigenen Helfer schreiben könnte, aber zuerst möchte ich sicherstellen, dass ich das Rad nicht neu erfinde.

479 javascript  handlebars.js 

Hauptunterschiede, die ich gesehen habe, sind: Lenker fügt hinzu #if, #unless, #with, und#each Lenker fügt Helfer hinzu Lenkervorlagen werden kompiliert (Schnurrbart kann auch sein) Lenker unterstützt Pfade Ermöglicht die Verwendung von {{this}}in Blöcken (die den Zeichenfolgenwert des aktuellen Elements ausgeben) Handlebars.SafeString() (und vielleicht einige andere Methoden) Der Lenker ist zwei- …

333 handlebars.js  mustache  client-side-templating  templating-engine 

Ich versuche, den Index eines Elements in einem Array innerhalb einer Lenkervorlage anzugeben: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } mit diesem: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Wenn dies nicht möglich ist, wie würde ich einen Helfer schreiben, der auf ein bestimmtes Element innerhalb des Arrays zugreifen kann?

270 javascript  handlebars.js 

Ich verwende Lenker für Vorlagen in meinem Projekt. Gibt es eine Möglichkeit, den Index der aktuellen Iteration eines "jeden" Helfers im Lenker abzurufen? <tbody> {{#each item}} <tr> <td><!--HOW TO GET ARRAY INDEX HERE?--></td> <td>{{this.key}}</td> <td>{{this.value}}</td> </tr> {{/each}} </tbody>

267 javascript  handlebars.js 

Ich verwende Handlebars.js für das Rendern von clientseitigen Ansichten. Wenn Else großartig funktioniert, ich aber auf eine 3-Wege-Bedingung gestoßen bin, die ELSE IF erfordert: Das funktioniert nicht: {{#if FriendStatus.IsFriend }} <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div> {{else if FriendStatus.FriendRequested}} <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div> {{else}} <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span …

241 handlebars.js 

Gibt es, wie der Titel der Frage sagt, eine Möglichkeit, die Objekteigenschaften eines Schnurrbartes / Lenkers zu durchlaufen ? Also mit var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } Kann ich dann in der Template-Engine etwas tun , das äquivalent wäre? for(var prop …

216 javascript  handlebars.js  mustache 

Betrachten Sie die folgenden vereinfachten Daten: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; Und eine Lenkervorlage: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} Dies funktioniert nicht, da innerhalb der eachSchleife nicht auf den übergeordneten Bereich zugegriffen werden kann - zumindest nicht in einer Weise, die ich …

203 javascript  handlebars.js 

Ich habe eine Vorlage für handlebars.js, genau wie folgt: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> Und das ist die generierte Ausgabe: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Wie erwartet kann ich auf die Felder idund titlejedes …

187 javascript  templates  scope  each  handlebars.js 

Ich habe eine Aussage wie diese: {{#if IsValid}} Ich möchte wissen, wie ich eine negative ifAussage verwenden kann, die so aussehen würde: {{#if not IsValid}}

176 ember.js  handlebars.js 

Ich lerne ember.js und versuche, den Unterschied zwischen einer Ansicht und einer Komponente zu verstehen. Ich sehe beides als einen Weg, wiederverwendbare Komponenten herzustellen. Von Embers Website zu Ansichten: Ansichten in Ember.js werden normalerweise nur aus folgenden Gründen erstellt: - Wenn Sie eine ausgefeilte Behandlung von Benutzerereignissen benötigen - Wenn …

143 javascript  ember.js  handlebars.js 

Gibt es eine Möglichkeit, eine Zeichenfolge mit HTML-Tags in eine Lenkervorlage einzufügen, ohne dass die Tags in der ausgehenden Zeichenfolge maskiert werden? template.js: <p>{{content}}</p> Verwenden Sie die Vorlage HBS.template({content: "<i>test</i> 123"}) tatsächliches Ergebnis: <p><i>test</i> 123</p> erwartetes Ergebnis: <p><i>test</i> 123</p>

143 javascript  handlebars.js 

Ich verwende Handlebar.js als meine Vorlagen-Engine. Jetzt möchte ich einige der Blöcke in meinen Lenkervorlagen auskommentieren. Aber dann wurde mir klar, dass der Lenker die Ausdrücke im Kommentarblock des Lenkers nicht ignoriert. Irgendeine Problemumgehung dafür?

134 javascript  html  templates  handlebars.js 

Ich beschäftige mich derzeit mit handlebars.js in einer express.js-Anwendung. Um die Dinge modular zu halten, habe ich alle meine Vorlagen in Teilvorlagen aufgeteilt. Mein Problem : Ich konnte keinen Weg finden, Variablen durch einen Teilaufruf zu übergeben. Nehmen wir an, ich habe einen Teil, der so aussieht: <div id=myPartial> <h1>Headline<h1> …

131 javascript  html  handlebars.js  templating 

Gibt es eine Möglichkeit in Handlebars.js Vorlagen, um zu überprüfen, ob die Sammlung oder Liste null oder leer ist, bevor die Liste / Sammlung durchlaufen wird? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

122 handlebars.js 

Ich bin neu (ish) in den gesamten Javascript-Full-Stack-Anwendungen und völlig neu in Angular, also hatte ich gehofft, dass jemand hier den Rekord für mich klarstellen kann. Warum sollte ich beim Schreiben clientseitiger Apps mit AngularJS ein Vorlagen-Framework wie Jade oder Lenker verwenden müssen? Ich sollte sagen, dass ich auch nie …

120 node.js  mongodb  angularjs  handlebars.js  pug