Template.js Data Rendering Engine

Template.js Data Rendering Engine

Template.js is a JavaScript template engine that is used to render pages.

Principle: Put HTML code in advance to write a template

<script id= "TPL" type= "text/html" ></script>

, when a page needs to be rendered, it is called in JS:

var TPL = document.getElementById (' TPL '). InnerHTML; Template (TPL, data});

Template.js start tag defaults to <%, the end tag defaults to%>, and the display data is <%= i%>.

The following is an experimental result using the Template.js v0.7.1 version:

1. Iterate through the array display data:

<! DOCTYPE html>
2. Mock sub-template
<! DOCTYPE html>
3, sub-template templates
<! DOCTYPE html>
Template.js Data Rendering Engine