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.

¿Fue útil?

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
scroll top