Node.js - EJS - inclure une partie

Question

Je suis en train d'essayer d'utiliser le moteur d'incorporation de JavaScript pour Node : https://github.com/visionmedia/ejs

J'aimerais savoir comment je peux inclure un autre fichier de vue (partiel) à l'intérieur d'un fichier de vue .ejs.

Answer 1

Avec Express 3.0:

<%- include myview.ejs %>

le chemin est relatif à l'appelant qui inclut le fichier, et non au répertoire des vues configuré avec app.set("views", "chemin/vers/vues").

EJS v1 include
EJS v2 include

(Mise à jour : la syntaxe la plus récente pour ejs v3.0.1 est <%- include('myview.ejs') %>)

Answer 2

Fonctionne avec Express 4.x :

La bonne manière d'inclure des partielles dans le template selon ceci est d'utiliser :

<%- include('partials/youFileName.ejs') %>.

Vous utilisez actuellement :

<% include partials/yourFileName.ejs %>

ce qui est obsolète.

Answer 3

Dans Express 4.x, j'ai utilisé ce qui suit pour charger ejs:

  var path = require('path');

  // Définir le moteur de template par défaut sur ejs
  app.set('view engine', 'ejs');
  app.set('views', path.join(__dirname, 'views'));

  // Le fichier views/index.ejs existe dans le répertoire de l'application
  app.get('/hello', function (req, res) {
    res.render('index', {title: 'title'});
  });

Ensuite, vous avez juste besoin de deux fichiers pour faire fonctionner - views/index.ejs:

<%- include partials/navigation.ejs %>

Et le views/partials/navigation.ejs:

......

---

Vous pouvez également dire à Express d'utiliser ejs pour les templates html:

var path = require('path');
var EJS  = require('ejs');

app.engine('html', EJS.renderFile);

// Définir le moteur de template par défaut sur ejs
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

// Le fichier views/index.html existe dans le répertoire de l'application
app.get('/hello', function (req, res) {
  res.render('index.html', {title: 'title'});
});

---

Enfin, vous pouvez également utiliser le module de mise en page ejs:

var EJSLayout = require('express-ejs-layouts');
app.use(EJSLayout);

Cela utilisera le views/layout.ejs comme votre mise en page.

Answer 4

À partir de Express 4.x

app.js

// ci-dessus sont toutes vos dépendances node

// configuration du moteur de vue
app.set('views', path.join(__dirname, 'views')); <-- ./views contient tous vos fichiers .ejs
app.set('view engine', 'ejs');

error.ejs

<% include ./base/header %> 
 Autre balises ici 
<% include ./base/footer %>

Answer 5

Express 3.x ne prend plus en charge les partiels. Selon l'article ejs 'partial is not defined', vous pouvez utiliser le mot-clé "include" dans EJS pour remplacer la fonctionnalité partielle supprimée.