Each of the links below will drive you to a simple HTML page with an example.
To see how the example works, view the page source or fire your javascript debugger.

 

Automatic rendering

PURE will map the JSON and the HTML automatically, using classes.
This is the autoRender method.
By somehow abusing the class attribute, this method is a little obtrusive.

• Tutorial 1 - Set the text value of a node
• Tutorial 2 - Set the value of an attribute
• Tutorial 3 - Repeat a node

 

Render with directives

In this mode, the HTML and the logic are kept strictly separated.
All the actions we want PURE to do, have to be described through directives.

• Tutorial 4 - Set the text value of a node and an attribute
• Tutorial 5 - Repeat a node
• Tutorial 6 - Repeat a node, with sort and filter
• Tutorial 7 - Use a JS function as a directive