¿Cómo minizo un campo usando Handlebars.js?

Question

quiero hacer algo como esto:

{{user.name.toLowerCase()}} 

pero me sale este error:

Error: Parse error on line X: 
...tatus {{user.name.toLowerCase()}}"> 
-----------------------^ 
Expecting 'ID', got 'undefined' 

Answer 1

creé el siguiente ayudante, pero tengo curiosidad si hay una solución mejor que hay.

Handlebars.registerHelper('toLowerCase', function(value) { 
    if(object) { 
     return new Handlebars.SafeString(value.toLowerCase()); 
    } else { 
     return ''; 
    } 
}); 

Answer 2

Si usted está tratando de mostrar algún texto como en minúsculas en HTML (independientemente de si es o no es generada por el manillar), puede utilizar CSS y aplicar text-transform así:

.css-class-here { 
    text-transform: lowercase; 
} 

Answer 3

respuesta anterior de @Eric parece no funcionar ahora, mi solución es muy similar, pero probablemente la definición de ayudantes cambió un poco en las nuevas versiones del manillar:

Handlebars.registerHelper('tolower', function(options) { 
    return options.fn(this).toLowerCase(); 
}); 

y en la plantilla

<img src="/media/images/modules/{{#tolower}}{{name}}{{/tolower}}.png"... 

Saludos

Answer 4

Como se explica simplemente en el doc:

Handlebars.registerHelper('toLowerCase', function(str) { 
    return str.toLowerCase(); 
}); 

Y sólo lo utilizan como esto:

<h1>By {{toLowerCase author}}</h1> 

Answer 5

no hace daño a también verifique y asegúrese de que sea una cadena y si no devuelve nada.

Handlebars.registerHelper('lowercase', function (str) { 
    if(str && typeof str === "string") { 
    return str.toLowerCase(); 
    } 
    return ''; 
}); 

Uso:

// now let's pass a string or variable to our helper 
{{lowercase 'MY NAME IS'}} 

Salida:

my name is