Is there a way I can set a variable as global in a jade template?

Question

Is there a way I can set a variable as global in a jade template?

I am trying to pass a global object to a jade template so that I can use it for various purposes later on.

For instance:

app.get("/", function(req, res){

    var options = {
        myGlobal : {// This is the object I want to be global
            "property1" : 1,
            "property2" : 2,
            "property3" : 3,
        }
    };

    jade.renderFile(__dirname +'/tpl/main.jade', options, function (err, html) {
        console.log(err, html);
        if (err)
        {
            throw err
        }
        else
        {
            res.send(html);
        }
    });
});

I would like to have access to "myGlobal" in other scripts that are loaded as if it was defined in the global scope.

Thank you

javascript node.js express pug

Answer 1

Answer №1

When utilizing jade as a view engine with express, you can set it up like so:

app.set('views', __dirname); // where your views are located.
app.set('view engine', 'jade');

To define local variables, use res.locals.variable.

For example:

app.get("/", function(req, res){

    res.locals.options = {
        chGlobal : {// object to be accessed globally
            "property1" : 1,
            "property2" : 2,
            "property3" : 3,
        }
    };

    res.render('main');
});

In your Jade template, you can now access the options variable.

You can create a middleware function for automatically adding global variables:

app.get("/", registerGlobals, function(req, res) {

The middleware function would look like this:

function registerGlobals(req, res, next) {
    res.locals.options = {
        chGlobal : {// object accessible globally
            "property1" : 1,
            "property2" : 2,
            "property3" : 3,
        }
    };

    next();
}

For more tutorials on using jade, visit:

Answer 2

When utilizing jade as a view engine with express, you can set it up like so:

app.set('views', __dirname); // where your views are located.
app.set('view engine', 'jade');

To define local variables, use res.locals.variable.

For example:

app.get("/", function(req, res){

    res.locals.options = {
        chGlobal : {// object to be accessed globally
            "property1" : 1,
            "property2" : 2,
            "property3" : 3,
        }
    };

    res.render('main');
});

In your Jade template, you can now access the options variable.

You can create a middleware function for automatically adding global variables:

app.get("/", registerGlobals, function(req, res) {

The middleware function would look like this:

function registerGlobals(req, res, next) {
    res.locals.options = {
        chGlobal : {// object accessible globally
            "property1" : 1,
            "property2" : 2,
            "property3" : 3,
        }
    };

    next();
}

For more tutorials on using jade, visit:

Is there a way I can set a variable as global in a jade template?

Answer №1

Similar questions

Disabling a specific tab in an array of tabs using Angular and Typescript

Copy files using grunt, in accordance with the ant pattern, while excluding any variable directories

Bidirectional data flow in AngularJS Directives

Displaying information in ejs format

Travis encounters issues deploying Firebase with a script due to an unsupported environment and the fsevents Darwin error

An effective way to connect the ng-model of a <select> element with ng-options within an ng-repeat loop

Issue with Ng-Messages not functioning properly due to a custom ng-Include directive lacking a child scope

What is the method for choosing an Object that includes an Array within its constructor?

I encountered an issue with a missing token in the client side mode that requires a secret error. Can anyone guide me on the steps

AngularJS ui-select not responding correctly to selected items

Tips for preventing a component from updating state prior to data retrieval?

What is the origin of function parameters in javascript?

Updating the content with HTML and JavaScript

Loading Disqus comments dynamically upon clicking a button within a Next.js application

When attempting to establish a connection with MongoClient, the function fails gracefully without generating an error

Exploring JSON data structures using autocomplete functionalities

Sorry, we couldn't locate the API route you are looking for

Images with fadeIn-Out effect on a slide restrict the movement of the div

Is there a method available for us to successfully deliver an email to the user who has been registered?

Perform simple arithmetic operations between a number and a string using Angular within an HTML context