Questions marquées «handlebars.js»

Handlebars est une bibliothèque de modèles pour JavaScript.

26
Opérateur logique dans un conditionnel guidbars.js {{#if}}
Existe-t-il un moyen dans le guidon JS d'incorporer des opérateurs logiques dans l'opérateur conditionnel standard guidbars.js? Quelque chose comme ça: {{#if section1 || section2}} .. content {{/if}} Je sais que je pourrais écrire mon propre assistant, mais je voudrais d'abord m'assurer que je ne réinvente pas la roue.
9
Comment accéder à un élément de tableau d'accès par index dans le guidon?
J'essaie de spécifier l'index d'un élément dans un tableau dans un modèle de guidon: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } en utilisant ceci: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Si ce qui précède n'est pas possible, comment pourrais-je écrire un assistant qui pourrait accéder à un élément spécifique dans …
6
Comment obtenir l'index dans le guidon de chaque assistant?
J'utilise des guidons pour créer des modèles dans mon projet. Existe-t-il un moyen d'obtenir l'index de l'itération actuelle d'un "chaque" assistant dans le guidon? <tbody> {{#each item}} <tr> <td><!--HOW TO GET ARRAY INDEX HERE?--></td> <td>{{this.key}}</td> <td>{{this.value}}</td> </tr> {{/each}} </tbody>
7
Handlebars.js Else If
J'utilise Handlebars.js pour le rendu de vue côté client. Si Else fonctionne très bien mais j'ai rencontré un conditionnel à 3 voies qui nécessite ELSE IF: Cela ne fonctionne pas: {{#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 …
3
Accédez à une variable en dehors de la portée d'un Handlebars.js à chaque boucle
J'ai un modèle handlebars.js, comme ceci: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> Et voici la sortie générée: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Comme prévu, je peux accéder aux champs idet titlede chaque élément de myCollectionpour …
3
Vues vs composants dans Ember.js
J'apprends ember.js et j'essaye de comprendre la différence entre une vue et un composant. Je vois les deux comme un moyen de fabriquer des composants réutilisables. Du site Web d'Ember sur les vues: Les vues dans Ember.js ne sont généralement créées que pour les raisons suivantes: -Lorsque vous avez besoin …
3
Insérer du HTML dans un modèle de guidon sans échapper
Existe-t-il un moyen d'insérer une chaîne avec des balises html dans un modèle de guidon sans échapper les balises dans la chaîne sortante? template.js: <p>{{content}}</p> utiliser le modèle HBS.template({content: "<i>test</i> 123"}) résultat réel: <p><i>test</i> 123</p> résultat attendu: <p><i>test</i> 123</p>
8
Passage de variables à travers le guidon partiel
Je travaille actuellement avec handlebars.js dans une application express.js. Pour garder les choses modulaires, j'ai divisé tous mes modèles en partiels. Mon problème : je n'ai pas trouvé de moyen de passer des variables via une invocation partielle. Disons que j'ai un partiel qui ressemble à ceci: <div id=myPartial> <h1>Headline<h1> …
5
handlerbars.js vérifie si la liste est vide
Existe-t-il un moyen dans le modèle Handlebars.js de vérifier si la collection ou la liste est nulle ou vide, avant de parcourir la liste / collection? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.