Jade Node.js Template Engine, Filters & Mixins
In my previous post I have talked about conditional statements inside of jade. In this post I will write about filters and mixins in jade template engine.
Filters
Filters in jade means something different from what you may know as filters like the ones in Angular.js. In Jade filters allow you to use different languages (text formatters) with jade template. (e.g CSS, CoffeeScript, markdown, etc), and all filters are compile time, thus they does not support dynamic content.
For example to use markdown we would first install markdown
Now if we wish to use markdown in our jade template, we can simply use the :markdown syntax, Note: all filters use the colon “:” syntax, eg. (:sass, :less, :coffee, etc)
Mixins
Mixins allow one to use reusable code blocks in jade. The way to declare mixins is by the keyword mixins following the tags that you wish to display, example
In order to use the mixin we just need to append it with the “+” sign
Mixin can also take arguments like function
One can also use conditional statement and blocks of jade inside of mixins, the indent statement below the calling of the mixin is taken as the blocl
In my next and probably last blog post on jade, I will talk about includes in jade and template inheritance.
Leave A Comment