引入
<script src="https://cdn.bootcdn.net/ajax/libs/art-template/4.13.2/lib/template-web.min.js"></script>
<!-- 创建 script 标签创建模板,注意下面几点 --> <!-- 1. type="text/该斜杠后可以是 html,template... 不是script即可)" --> <!-- 2. 给 script 标签添加 id ,此 id 即为模板 id --> <!-- 3.模板 script 标签必须在 template() 方法调用的 script 标签之前 --> <script type="text/html" id="tpl"> <h2>{{user.name}}</h2> <h2>{{user.age+18}}</h2> <h2>{{user.age>18?‘成年‘:‘未成年‘}}</h2> {{if user.flag}} 显示 {{/if}} {{each user.target}} {{$index}} {{$value}} {{/each}} </script> <script> var user = { name: ‘Template username‘, age:19, flag:false, target:["a","b","c"] } // 在浏览器中使用template方法(参数一 模版id 参数二 数据 必须是对象类型) var html = template(‘tpl‘, {user: user}) var container = document.querySelector(‘#container‘); container.innerHTML = html; </script>
var html = template.render(‘tpl‘, {user: user}) //render node端使用