backbone.js - Plantilla de manillares-"tilde" en la sentencia if

marionette handlebars.js

Question

Tenemos declaración como:

{{~#if someCondition ~}} 
<div class="whyweneedtildehere"></div> 
{{~/if~}}

¿Cuál es la diferencia entre la instrucción simple if y la instrucción if con "~" en las plantillas de manillares?

Answer 1

Aquí hay algunos ejemplos que podrían ayudarlo a entender lo que ~ hace.

En .js :

{
  hello: ''Hello, World!'',
}

Ejemplo 1:

.hbs

<div>
  {{hello}}
</div>

.html

<div>
  Hello, World!
</div>

Ejemplo # 2:

.hbs

<div>
  {{~hello}}
</div>

.html

<div>Hello, World!
</div>

Ejemplo # 3:

.hbs

<div>
  {{~hello~}}
</div>

.html

<div>Hello, World!</div>

Básicamente, es para eliminar espacios en blanco en el HTML de salida.

Answer 2

Se llama tilde , lo que podría ayudarlo a buscar más en Google.

Los documentos de Handlebars responden a su pregunta en detalle .

Los espacios en blanco de la plantilla se pueden omitir en cualquiera de los lados de cualquier declaración de bigote agregando un carácter ~ con llaves. Cuando se apliquen, todos los espacios en blanco de ese lado se eliminarán hasta la primera expresión de manillares o el carácter que no sea un espacio en blanco en ese lado.