Node JS Pass a Variable to Jade / Pug

Question

For some reason I can't pass a variable to the pug template with Node JS.

app.get("/", function (req, res) {
    res.render('index', { hello : 'Hey'} )
})

....

extends layout.pug

block content
    h1 #{hello} guy

This just returns "guy" in the index.html file

Answer 1

I think you are using JADE coding (#{hello}) with "pug"(updated jade) plugin with static .html -- completely wrong.

follow the lines below:

1. use this first

   app.set('views', __dirname + '/public/views');
   app.set('view engine', 'pug');
   

2. than pass this to first visit

   app.get('/', function (req, res) {
       res.render('index', { title: 'Hey', message: 'Hello there!'});
   });
   

3. than echo in template file "index.pug" in "/public/views"

   html
      head
      title= title
   body
      h1= message
   

Answer 2

Try this.. works for me.

nodejs part / index.js

const router = require('express').Router();
router.get('/', (req, res, next) => {
    const testObj = {hello: 'Hey'};
    res.render('index', { testObj: JSON.stringify(testObj) });
});

pug/jade part / (index.pug)

script.
    var testObj = !{testObj};

i'm using pug version: 2.0.3