Feeding Data into Templates | Web Development with Jade

Using variables without interpolation

Writing out the full interpolation syntax when you don't need to actually put a variable inside of a body of text (and have all of the text for that attribute or tag directly in the variable) can be a bit annoying. So naturally, Jade gives us a shorter way. Take the following code, for example:

Jade	HTML
- i = {"type": "text", "name": "Bob"} input(type="#{i.type}", value="#{i.name}")	<input type="text" value="Bob">

This can be rewritten as follows:

Jade	HTML
- i = {"type": "text", "name": "Bob"} input(type=i.type, value=i.name)	<input type="text" value="Bob">

Or, consider the following example:

Jade	HTML
- content = "Richardson leggings Cosby sweater, pariatur locavore Pinterest Schlitz" p #{content}	<p>Richardson leggings Cosby sweater, pariatur locavore Pinterest Schlitz</p>

This can be rewritten as follows:

Jade	HTML
- content = "Richardson leggings Cosby sweater, pariatur locavore Pinterest Schlitz" p= content	<p>Richardson...

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

Using variables without interpolation

Web Development with Jade

By : Sean Lang

Web Development with Jade

By: Sean Lang

Overview of this book

Using variables without interpolation

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