handlebars.js - tutorial - if not handlebars js

manillar js ayudante personalizado para otra cosa si

Question

He comenzado a utilizar Handlebars.js. Parece que no hay condicionales incorporados como en otro caso si. Quiero tener algo como esto

{{#if type.one }}
     do something ... IF
{{else if type.two}}
     do something ... ELSE IF
{{else}}
     do something ... ELSE
{{/if}}

Pero esto no funciona. ¿Cómo hago ELSE IF con manillares? ¿Escribir un ayudante personalizado es la única opción? Si es así, por favor proporcione algunos consejos para escribir este ayudante.

Answer 1

Desde Handlebars 3.0, la sintaxis descrita por OP funciona de manera inmediata. Consulte: https://github.com/wycats/handlebars.js/pull/892 para obtener más información.

Nota: para Ember, desde la versión 1.10 en adelante, esto también funciona. Ver también: http://emberjs.com/blog/2015/02/07/ember-1-10-0-released.html#toc_chained-else-blocks

Answer 2

La sintaxis exacta que el OP ha escrito funcionará en Ember Canary hoy con el ember-htmlbars-inline-if-helper habilitado.

Answer 3

No puede hacer esto con un ayudante personalizado como Handlebars. Los ayudantes if-ish solo entienden dos partes: la parte "if" y la parte "else". Aunque puedes anidar cosas:

{{#if type.one}}
    do something ... IF
{{else}}
    {{#if type.two}}
        do something ... ELSE IF
    {{else}}
        {{#if type.three}}
            ...
        {{else}}
            ...
        {{/if}}
    {{/if}}
{{/if}}

Ese tipo de cosas se volverán desagradables rápido, así que probablemente no quieras hacer eso. Un mejor enfoque sería (como es habitual en Handlebars) empujar la lógica en su JavaScript de modo que a lo más uno de type.one , type.two , type.three , ... sea verdadero; entonces podrías:

{{#if type.one}}
    ...
{{/if}}
{{#if type.two}}
    ...
{{/if}}
{{#if type.three}}
    ...
{{/if}}

Si tiene muchas opciones para el type o si los cuerpos en sus {{#if}} s son complicados, podría cambiar a parciales. Tendría que agregar un ayudante personalizado para construir un nombre parcial basado en una variable de plantilla; algo como esto:

Handlebars.registerHelper(''show_type'', function(type) {
    var types = [''one'', ''two'', ''three''];
    var partial;
    for(var i = 0; i < types.length; ++i) {
        if(!type[types[i]])
            continue;
        partial = ''_partial_'' + types[i];
        break;
    }
    if(partial)
        return Handlebars.partials[name](this);
    else
        return '''';
});

y luego, asumiendo que todos sus parciales están registrados y tienen un nombre consistente, podría decir:

{{show_type type}}

Answer 4

Puedes hacerlo:

{{#if type.one}}
  ...
{{else}} {{#if type.two}}
  ...
{{else}} {{#if type.three}}
  ...
{{else}}
  ...
{{/if}}{{/if}}{{/if}}

Answer 5

Si desea un comportamiento de cambio, podría estar interesado en los ayudantes de Dan Harper , podrá hacer algo como:

{{#is type 1}}
    <p>Do something when 1.</p>
{{else}}{{#is type 2}}
    <p>Do something when 2.</p>
{{else}}{{#is type 3}}
    <p>Do something when 3.</p>
{{/is}}{{/is}}{{/is}}

Aquí está el jsfiddle .

Answer 6

puedes usar

{{#if isAtWork}}
     Ship that code!
{{else if isReading}}
      You can finish War and Peace eventually...
{{/if}}

enlace: http://guides.emberjs.com/v1.12.0/templates/conditionals/