Pass variables to res.render in node.js?

Question

I'm a beginner in node.js.
My index.ejs file has an included header.ejs file. Everything works well except that I cant pass values to the variable status in header.ejs.

index.ejs

<html>
.
.
<title> <%= title %> </title>
.
.
<% include ../partial/header.ejs %>
.
.
</html>

header.ejs

<header>
.
.
<p>logged in status: <%= status %> </p>
.
.
</header>

app.js

.
.
.
app.get('/', function(req, res)
{
    // not working :(
    res.render('index', {
        "status":"loggedin",
        "title":"home"
    });
});
.
.
.

Community · Accepted Answer · 2017-05-23 12:06:40Z

1

There's somewhat of a mess with your structure.

<title> should be within <head>.
<p> should be within <body>.
Note that you may have confused <head> and <header> tags in your templates. You can learn about the difference here.

Here's an example I expect will work for you:

index.ejs:

<html>
<head>
    <title> <%= title %> </title>
</head>
<body>
    <% include ../partial/header %>
</body>
</html>

header.ejs:

    <p>logged in status: <%= status %> </p>

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Sep 27, 2015 at 14:32

Selfish

6,2304 gold badges47 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

WWJ Over a year ago

thank you. I knew that and I'm not confused with header and head. I just shrieked it down to focus on my question. App.js renders index.ejs. But to render index.ejs it need header.ejs to render first. How can I do that? Any alternative methods?

Selfish Over a year ago

@WWJ, try to remove the .ejs from your include syntax. In EJS you can include any template file as long as your node process has read access to it.

WWJ Over a year ago

Yes, perfect. That is what exactly I want.

Collectives™ on Stack Overflow

Pass variables to res.render in node.js?

index.ejs

header.ejs

app.js

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

index.ejs

header.ejs

app.js

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related