Come utilizzare i commenti nei modelli del manubrio?


134

Sto usando Handlebar.js come il mio motore di template. Ora voglio commentare alcuni dei blocchi nei miei modelli di manubrio. Ma poi ho capito che il manubrio non ignora le espressioni all'interno del blocco di commenti del manubrio. Qualche soluzione alternativa per questo?



Supporta commenti multilinea ma non ignora le espressioni al suo interno.
Abhidev,

Risposte:


201

La versione più recente di Handlebars ha il supporto per i commenti sui blocchi:

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

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


8
Grazie jptsetung. Non funziona completamente come mi aspetto da un commento, ma immagino che funzioni per lo scopo previsto. Passando attraverso questo tutorial per vedere come funziona il manubrio dietro le quinte. net.tutsplus.com/tutorials/javascript-ajax/… . Sembra che il manubrio non ignori completamente una riga commentata perché sta ancora creando un token. Il token è semplicemente vuoto. Ad esempio "{{! - Hello {{name}} -}}" crea 1 token vuoto. Ho solo pensato che valga la pena menzionare se causa problemi a qualcuno. Non so se sarebbe perché è dietro le quinte.
Isimmons,

51

Basta aggiungere un punto esclamativo dopo le parentesi quadre.

Espressione normale:

{{expressions}}

Espressione commentata:

{{!expressions}}

25
Si noti che la differenza tra {{!e i {{!--moduli è che solo quest'ultimo consente tag manubrio incorporati. Dato che sarà facile dimenticare, soprattutto in un lungo commento che verrà successivamente rivisto, suggerirei di utilizzare sempre il modulo di commento più lungo.
Darren Cook,

31

Utilizzare in questo modo nel file modello del manubrio.

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

I commenti non saranno nell'output risultante. Se desideri che i commenti vengano visualizzati, utilizza i commenti HTML.

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

fai riferimento a questo link a


-4

Usa questo codice:

{{#data}}
<!-- enter comments here  -->
<p>{{name}}</p>
{{/data}}  
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.