Question

J'expérimente actuellement avec le moteur de modèle Jade. J'ai le code de base suivant dans mon fichier Layout.jade:

!!! 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')  

J'aimerais que chaque page suive cette même structure (pour l'instant). Cependant, j'aimerais que le contenu change, et le contenu devrait dépendre de ce qui se trouve dans les fichiers 'PageName'.jade, par exemple index.jade:

section#page-content
  h1= title
  p Welcome to #{title}

Ce que j'essaie de dire, c'est sur une nouvelle page de chargement. La balise de contenu dans la mise en page doit être remplacée par la balise appropriée de la page chargée.

Était-ce utile?

La solution

Je pense que vous cherchez:

  body
    header
      p my header
    section!= body
    footer
      p my footer

Dans ce cas, la section! = Le corps est remplacé par tout ce qui est dans les fichiers 'pagename'.jade.

Autres conseils

Utiliser des blocs

dans la mise en page.jade:

body
  block some-block
    p Blah

Dans Test.Jade

extends layaout
block some-block
  p What
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top