How to execute a NodeJS function in Pug

Question

I've got some node js code which is responsible for creating a function, that I want to execute in my .pug template.

let pages = [
    {
        "id": 0,
        "name": "Index"
    },
    {
        "id": 1,
        "name": "About"
    },
    {
        "id": 2,
        "name": "Kontakt"
    },
];

function navigation(pages) {
    return pages;
}


app.get("/", (req, res) => {
    res.write(navigation(pages));
    res.render("index");
});

How can I call for this function in the pug template or what is a better way to pass a function from node to jade?

@xMayank yes, kind of

Roboter24
– Roboter24

2020-07-05 10:01:00 +00:00
Commented Jul 5, 2020 at 10:01 — Roboter24
– Roboter24, Commented Jul 5, 2020 at 10:01

ffmaer · Accepted Answer · 2020-07-05 16:28:14Z

2

Assuming you are using express.js with node.js,

in the node.js back end, write:

function navigation() {
  let pages = [
    {
      id: 0,
      name: "Index"
    },
    {
      id: 1,
      name: "About"
    },
    {
      id: 2,
      name: "Kontakt"
    }
  ];
  return pages;
}

app.get("/", (req, res) => {
  res.render("index", { navigation: navigation });
});

In the pug template, write:

script !{navigation}

A demo: https://glitch.com/edit/#!/pass-javascript-functions-from-node-js-to-pug

edited Jul 5, 2020 at 16:28

answered Jul 5, 2020 at 16:05

ffmaer

7819 silver badges17 bronze badges

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

Comments

Jose Cintron · Accepted Answer · 2021-01-15 07:16:19Z

0

OK ffmaer between that answer and your demo you almost got me to where I needed to be... Now the problem is that i need to pass a variable to the script.

When I use the following code i get

Uncaught ReferenceError: p is not defined

doctype html
html
  head
    title foobar
    script !{getProfile}
  body
    ul
      each p in profiles
        script.getProfile(p);

but if do

doctype html
html
  head
    title foobar
    script !{getProfile}
  body
    ul
      each p in profiles
        li=p

everything works perfectly.

answered Jan 15, 2021 at 7:16

Jose Cintron

731 silver badge7 bronze badges

1 Comment

Yevgeny Simkin Over a year ago

I strongly suspect you're confusing client and server-side scripting here. Where are these profiles coming from? What exactly do you expect getProfile to do?

Collectives™ on Stack Overflow

How to execute a NodeJS function in Pug

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related