Cómo incrustar el contenido en Jade
Pregunta
Actualmente estoy experimentando con el motor de plantilla Jade. Tengo el siguiente código básico en mi archivo.
!!! 5
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body!= body
header != partial('partials/head')
'dependant page content to go here'
footer != partial('partials/foot')
Me gustaría que cada página siguiera esta misma estructura (por ahora). Sin embargo, me gustaría que cambie el contenido, y el contenido debe depender de lo que esté dentro de los archivos 'PageName'.jade EG index.jade:
section#page-content
h1= title
p Welcome to #{title}
Lo que estoy tratando de decir es que, en una nueva página de carga. La etiqueta de contenido en el diseño debe ser reemplazada de alguna manera por la etiqueta apropiada de la página que se está cargando.
Solución
Creo que estás buscando:
body
header
p my header
section!= body
footer
p my footer
En este caso, la sección! = Body se reemplaza por lo que sea en los archivos 'Pagename'.jade.
Otros consejos
Usar bloques
en diseño.jade:
body
block some-block
p Blah
en test.jade
extends layaout
block some-block
p What
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow