javascript template inheritance

Question

En el marco de Django, las plantillas de página web pueden heredar de otras plantillas. En su plantilla secundaria, define bloques de código que anulan los bloques con el mismo nombre en las plantillas principales. Supongo que hay otros sistemas de plantillas back-end que también funcionan de esta manera, pero Django es con el que estoy familiarizado.

¿Alguno de los sistemas de plantillas de JavaScript existentes son compatibles con la herencia de estilo django?

Answer 1

Mustache.js tiene soporte para partials, que funcionan de manera similar *. Aparte de eso, no he podido encontrar nada - tal vez lo haré ...

* bien, en realidad no son como las plantillas de Django en absoluto, pero son el simulacro más cercano Lo podría encontrar.

Answer 2

Plantilla de jQuery tiene una envoltura {{}} etiqueta de plantilla que es similar a extenderse:

http://api.jquery.com/template-tag-wrap/

Answer 3

Aunque no es "la herencia de plantillas", pero Beard.js que puede ayudar a re-uso su plantilla creando referencias de plantilla, que creo que pueden ayudarlo a lograr el mismo objetivo.

http://jspopisno1.github.com/Beard/#exmp_syntax-reference

Answer 4

Salida Handlebars.js. Le permite definir métodos auxiliares que podría utilizar para dividir en compartimentos diferentes bloques y repetirlos, de forma similar a los content_for :my_area y yield :my_area de Rails.

Answer 5

Sí, con Dustjs, puede hacer que una plantilla herede la mayor parte de su contenido de una plantilla base común. Aquí es cómo funciona, con Dustjs: (consulte la sección "Bloques y Inline Parciales" sección)

En un archivo "base_template":

Start 
{+title/} 
Middle 
{+main/} 
End 

Una plantilla que "hereda" la base_template:

{>base_template/} 
{<title} 
    Child Title 
{/title} 
{<main} 
    Child Content 
{/main} 

resultados en algo así como:

Start 
Child Title 
Middle 
Child Content 
End 

pregunta relacionada: S ólo 1 nivel de la herencia parece ser apoyado: Is there a way to do more than one level of inheritance value overrides with dust.js?

Answer 6

Hay algunos trabajos en curso en la adición de herencia de plantillas para Handlebars.

Ver este tema bastante reciente GitHub: https://github.com/wycats/handlebars.js/issues/208
Y esta entrada del blog: Template Inheritance for Handlebars

Answer 7

Lo que estás buscando si quieres herencia de plantillas y la sintaxis DTL, es Nunjucks:

http://mozilla.github.io/nunjucks/