Preguntas etiquetadas con handlebars.js

¿Hay alguna manera en el manillar JS para incorporar operadores lógicos en el operador condicional estándar handlebars.js? Algo como esto: {{#if section1 || section2}} .. content {{/if}} Sé que podría escribir mi propio ayudante, pero primero me gustaría asegurarme de no reinventar la rueda.

479 javascript  handlebars.js 

Las principales diferencias que he visto son: Manillar añade #if, #unless, #with, y#each Manillar agrega ayudantes Las plantillas de manillar están compiladas (el bigote también puede estarlo) Manillar soporta caminos Permite el uso de {{this}}bloques en (que genera el valor de cadena del elemento actual) Handlebars.SafeString() (y tal vez algunos …

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

Estoy tratando de especificar el índice de un elemento en una matriz dentro de una plantilla de manillar: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } usando esto: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Si lo anterior no es posible, ¿cómo escribiría un ayudante que pudiera acceder a un elemento específico …

270 javascript  handlebars.js 

Estoy usando Handlebars para crear plantillas en mi proyecto. ¿Hay alguna manera de obtener el índice de la iteración actual de un "cada" ayudante en Manillar? <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 

Estoy usando Handlebars.js para la representación de la vista lateral del cliente. Si Else funciona muy bien pero he encontrado un condicional de 3 vías que requiere ELSE IF: Esto no funciona: {{#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> …

241 handlebars.js 

Como dice el título de la pregunta, ¿hay alguna forma de bigote / manillar de recorrer las propiedades de un objeto ? Entonces con var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } ¿Puedo hacer algo en el motor de plantillas que sería equivalente …

216 javascript  handlebars.js  mustache 

Considere los siguientes datos simplificados: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; Y una plantilla de manillares: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} Esto no funcionará porque, dentro del eachbucle, el alcance principal no es accesible, al menos de ninguna manera que lo haya intentado. …

204 javascript  handlebars.js 

Tengo una plantilla handlebars.js, así: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> Y esta es la salida generada: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Como se esperaba, puedo acceder a los campos idy titlede cada elemento myCollectionpara …

188 javascript  templates  scope  each  handlebars.js 

Tengo una declaración como esta: {{#if IsValid}} Quiero saber cómo puedo usar una ifdeclaración negativa que se vería así: {{#if not IsValid}}

179 ember.js  handlebars.js 

Estoy aprendiendo ember.js, y estoy tratando de entender la diferencia entre una vista y un componente. Veo ambos como una forma de hacer componentes reutilizables. Desde el sitio web de Ember en vistas: Las vistas en Ember.js generalmente solo se crean por las siguientes razones: -Cuando necesita un manejo sofisticado …

143 javascript  ember.js  handlebars.js 

¿Hay alguna manera de insertar una cadena con etiquetas html en una plantilla de manillar sin que las etiquetas escapen en la cadena saliente? template.js: <p>{{content}}</p> usa la plantilla HBS.template({content: "<i>test</i> 123"}) resultado real: <p><i>test</i> 123</p> Resultado Esperado: <p><i>test</i> 123</p>

143 javascript  handlebars.js 

Estoy usando Handlebar.js como mi motor de plantillas. Ahora quiero comentar algunos de los bloques en mis plantillas de manillar. Pero luego me di cuenta de que Handlebar no ignora las expresiones dentro del bloque de comentarios Handlebar. ¿Alguna solución para esto?

134 javascript  html  templates  handlebars.js 

Actualmente estoy tratando con handlebars.js en una aplicación express.js. Para mantener las cosas modulares, dividí todas mis plantillas en parciales. Mi problema : no pude encontrar una manera de pasar variables a través de una invocación parcial. Digamos que tengo un parcial que se ve así: <div id=myPartial> <h1>Headline<h1> <p>Lorem …

131 javascript  html  handlebars.js  templating 

¿Hay alguna forma en la plantilla de Handlebars.js para verificar si la colección o lista es nula o vacía, antes de ir e iterar a través de la lista / colección? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

122 handlebars.js 

Soy nuevo (más o menos) en todas las aplicaciones de pila completa de JavaScript, y completamente nuevo en Angular, por lo que esperaba que alguien pudiera aclararme las cosas aquí. ¿Por qué necesitaría usar un marco de plantillas como Jade o Handlebars al escribir aplicaciones del lado del cliente usando …

120 node.js  mongodb  angularjs  handlebars.js  pug