How to pass data in included pug template using node-express

Question

-- header.jade
ul
    li
        a User = #{userName}

-- layout.jade
doctype html
html
  head
    title= title
  body
    include header

    include index

-- route file: index.js
router.get('/', function(req, res, next) {
  res.render('index', {
            userName: 'Jane Doe'
        });
});

how to get the userName value in header jade template which is included in the layout.jade file. i am trying to implement a common header concept for my project.

Any help would be highly appreciated! TIA

Answer 1

Take the return out of the last line. Also its called pug now not jade .

Answer 2

You are returning your response in wrong way.

Return your response data with needed template like this

 router.get('/', function(req, res, next) {
 return res.render('index', {
    userName: 'Jane Doe'
  });
});

Answer 3

The behavior you want is now the default and variables get passed to included views. If you want, you can also use mix-in functions, see Jade include with parameter .