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.