Como usar comentários nos modelos do guiador?


134

Estou usando o Handlebar.js como meu mecanismo de modelagem. Agora quero comentar alguns dos blocos nos meus modelos de guidão. Mas então percebi que o Guiador não ignora as expressões dentro do bloco de comentários do Guiador. Alguma solução alternativa para isso?



Ele suporta comentários de várias linhas, mas não ignora as expressões dentro dele.
Abhidev 11/03/2013

Respostas:


201

A versão mais recente do guidão tem suporte para comentários em bloco:

{{!-- {{commented expressions}} --}}

https://github.com/wycats/handlebars.js/commit/a927a9b0adc39660f0794b9b210c9db2f7ddecd9


8
Obrigado jptsetung. Não funciona totalmente como eu esperava um comentário, mas acho que funciona para o objetivo a que se destina. Percorrendo este tutorial para ver como o guidão funciona nos bastidores. net.tutsplus.com/tutorials/javascript-ajax/… . Parece que o guidão não ignora completamente uma linha comentada porque ainda está criando um token. O token está vazio. Por exemplo "{{! - Olá {{name}} -}}" cria 1 token vazio. Só pensei que vale a pena mencionar se isso causa problemas para alguém. Não sei se seria, já que está nos bastidores.
Isimmons

51

Basta adicionar um ponto de exclamação após os colchetes de abertura.

Expressão normal:

{{expressions}}

Expressão comentada:

{{!expressions}}

25
Observe que a diferença entre {{!e {{!--forms é que apenas o último permite tags de guidão incorporadas. Como isso será fácil de esquecer, especialmente em um longo comentário que será revisado posteriormente, sugiro que sempre use o formulário de comentário mais longo.
Darren Cozinhe

31

Use desta maneira no seu arquivo de modelo de guiador.

<div class="entry">
  {{!-- only output author name if an author exists --}}
  {{#if author}}
    <h1>{{author.firstName}} {{author.lastName}}</h1>
  {{/if}}
</div>

Os comentários não estarão na saída resultante. Se você deseja que os comentários sejam exibidos, use comentários em HTML.

<div class="entry">
  {{! This comment will not be in the output }}
  <!-- This comment will be in the output -->
</div>

consulte este link para


-4

Use este código:

{{#data}}
<!-- enter comments here  -->
<p>{{name}}</p>
{{/data}}  
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.