Escapar llaves dobles {}} en la plantilla Bigote. (crear una plantilla en NodeJS)

Como se describe en esta Pregunta manillar no admite cambiar los delimitadores. Pero tú puedes escapar de las llaves dobles con una barra invertida como esta:

HTML:

... \{{ myHandlbarsVar }} ...

También puede asignar Mustache.tags = ["[[", "]]"]; antes de la compilación de la plantilla.

Http://jsfiddle.net/fhwe4o8k/1/

Por ejemplo

    $(function () {
        Mustache.tags = ["[[", "]]"];
        var template = $('#test').html();
        Mustache.parse(template);
        var rendered = Mustache.render(template, {test: "Chris"});
        $('#content-placeholder').html(rendered);
    });

Otra opción es crear un ayudante para la salida de corchetes.

Handlebars.registerHelper('curly', function(object, open) {
    return open ? '{' : '}';
});

Y luego usarlo en la plantilla de esta manera:

<script id="template" type="text/x-handlebars-template">
    {{curly true}}{{name}}{{curly}}
</script>

Que luego produce:

{Stack Over Flow Rocks}

Solo quería un enfoque ligeramente diferente. He intentado algunas otras otras formas y aquí hay algunas cosas que no me gustaron de ellas:

1. Cambiar los corchetes Angular por defecto {{obj.property}} a otra cosa es una mala idea. Principalmente porque tan pronto como comience a usar componentes de terceros que no son conscientes de su configuración angular no estándar, los enlaces en esos componentes de terceros dejarán de funcionar. También vale la pena mencionar que el equipo de AngularJS no parece querer ir por la ruta de permitir múltiples notaciones de enlace, marque este problema
2. Me gustan bastante las plantillas de bigote y no quiero cambiar todo el proyecto a otra cosa debido a este pequeño problema.
3. Bastantes personas recomiendan no mezclar el renderizado del lado del cliente y del servidor. No estoy totalmente de acuerdo, creo que si está construyendo un sitio web de varias páginas que tiene pocas páginas con angular y algunas otras que son estáticas (algo así como acerca de nosotros o Términos y Condiciones páginas) está perfectamente bien usar plantillas del lado del servidor para facilitar el mantenimiento de esas páginas. Pero dicho esto, para las partes que son Angulares, no debe mezclar el renderizado del lado del servidor.

Ok no mi respuesta: Si está utilizando NodeJS y Express debe ser a lo siguiente:

Reemplace los enlaces {{}} en su parte angular con algo como {[{}]} (o algo completamente único)

Ahora en su ruta agregue una devolución de llamada a su método de renderizado:

app.get('/', function(req, res){
  res.render('home', {
    title: 'Awesome Website',
    description: 'Uber Awesome Website'
  }, function(err, html){
    var htmlWithReplacedLeftBracket = html.replace(/{\[{/g, '{{');
    var finalHtml = htmlWithReplacedLeftBracket.replace(/}\]}/g, '}}');
    res.send(finalHtml);
  });
});

Esto debería permitirle usar bigote junto con AngularJS. Una mejora que podría hacer es extraer ese método en un módulo separado para reutilizarlo en todas las rutas.

Esta es una buena solución que he encontrado para este tipo de problema donde puede cambiar fácilmente los delimitadores en la configuración de la plantilla en tiempo de ejecución:

Http://olado.github.com/doT /

Puedes hacer la configuración de expresiones regulares así:

doT.templateSettings = {
  evaluate:    /\{\{([\s\S]+?)\}\}/g,
  interpolate: /\{\{=([\s\S]+?)\}\}/g,
  encode:      /\{\{!([\s\S]+?)\}\}/g,
  use:         /\{\{#([\s\S]+?)\}\}/g,
  define:      /\{\{##\s*([\w\.$]+)\s*(\:|=)([\s\S]+?)#\}\}/g,
  conditional: /\{\{\?(\?)?\s*([\s\S]*?)\s*\}\}/g,
  iterate:     /\{\{~\s*(?:\}\}|([\s\S]+?)\s*\:\s*([\w$]+)\s*(?:\:\s*([\w$]+))?\s*\}\})/g,
  varname: 'it',
  strip: true,
  append: true,
  selfcontained: false
};