Feeding Data into Templates | Web Development with Jade

Sending the variables to the compiler

Defining all of your variables inside your templates would be pretty limiting, so there are a few ways in which we can send data from external sources to templates.

Compiler arg

The easiest way to send data to the Jade compiler is by just providing it in a JSON object that gets passed to the compiler as an argument, as shown in the following steps:

In file.jade, enter the following:
```
 p= my_content
```

Run the following command in the terminal:

 jade file.jade --obj '{"my_content":"this text is coming through the terminal"}'

We can see the result in file.html:

 <p>this text is coming through the terminal</p>

Programmatically

Sending variables to Jade programmatically is a bit harder, but offers more flexibility, such as being able to render within the browser. So, using the same initial file (file.jade) perform the following steps:

Run the following command in the terminal:
```
 jade file.jade --no-debug --client
```
And we can see the following result in file.js...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Web Development with Jade

By : Sean Lang

Web Development with Jade

By: Sean Lang

Overview of this book

Sending the variables to the compiler

Compiler arg

Programmatically

Web Development with Jade

By : Sean Lang

Web Development with Jade

By: Sean Lang

Overview of this book

Sending the variables to the compiler

Compiler arg

Programmatically

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access