Perguntas com a marcação «handlebars.js»

Handlebars é uma biblioteca de modelos para JavaScript.

9
Como acesso um item da matriz de acesso por índice no guidão?
Estou tentando especificar o índice de um item em uma matriz dentro de um modelo de guidão: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } usando isso: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Se o exposto acima não for possível, como eu escreveria um auxiliar que poderia acessar um item spefic …
6
Como obter o índice no guidão de cada ajudante?
Estou usando o guidão para modelar no meu projeto. Existe uma maneira de obter o índice da iteração atual de um "cada" auxiliar no Guiador? <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 se não
Estou usando o Handlebars.js para renderização de exibição do lado do cliente. Se Else funcionar bem, mas eu encontrei uma condicional de 3 vias que requer ELSE IF: Isso não 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> {{else}} …
2
Acessar propriedades do pai com um loop 'cada' do guidão
Considere os seguintes dados simplificados: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; E um modelo de guidão: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} Isso não funcionará porque, dentro do eachloop, o escopo pai não está acessível - pelo menos não da maneira que eu tentei. …
3
Acesse uma variável fora do escopo de um Handlebars.js a cada loop
Eu tenho um modelo handlebars.js, assim: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> E esta é a saída gerada: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Como esperado, eu posso acessar os campos ide titlede todos os elementos …
3
Visualizações versus componentes no Ember.js
Estou aprendendo o ember.js e estou tentando entender a diferença entre uma exibição e um componente. Eu vejo os dois como uma maneira de criar componentes reutilizáveis. No site da Ember, exibições: As exibições no Ember.js geralmente são criadas apenas pelos seguintes motivos: -Quando você precisa de tratamento sofisticado de …
3
Inserir html em um modelo de guiador sem escapar
Existe uma maneira de inserir uma string com tags html em um modelo de guidão sem que as tags escapem na string de saída? template.js: <p>{{content}}</p> use o modelo HBS.template({content: "<i>test</i> 123"}) resultado real: <p><i>test</i> 123</p> resultado esperado: <p><i>test</i> 123</p>
8
Passando variáveis ​​pelo guidão parcial
Atualmente, estou lidando com handlebars.js em um aplicativo express.js. Para manter as coisas modulares, divido todos os meus modelos em parciais. Meu problema : não consegui encontrar uma maneira de passar variáveis ​​através de uma invocação parcial. Digamos que eu tenho um parcial que se parece com isso: <div id=myPartial> …
5
handlerbars.js verifica se a lista está vazia
Existe uma maneira no Handlebars.js de modelo para verificar se a coleção ou lista é nula ou vazia, antes de ir e iterar pela lista / coleção? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.