码迷,mamicode.com
首页 > Web开发 > 详细

Ajax_艺术模板 art-template-web

时间:2018-12-25 12:26:46      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:解析   项目   代码   jquery   ros   --   模板渲染   个数   返回   

艺术模板 art-template____jQuery 项目可用

最快的模板渲染引擎

兼容 ejs 语法

 

推荐语法

{{each arr}}

{{$value}} ---- {{$index}}

{{/each}}

 

{{if arr}}

{{arr}}

{{/if}}

1. 引入 template-web.js 库

<script type="text/html" src="./js/template-web.js"></script>

2. 创建模板代码 

1) 创建 script 标签,将其 type 改为 text/html

 

2) 设置一个 id 属性

 

3) 写模板代码

5

const arr = [{name: ‘jaek‘, age:20}, {name:‘rose‘, age:18}];

const obj = {name: ‘jaek‘, age:20};

3. template(元素id, {要渲染的数据}) 将模板代码解析为 标签字符串 

传一个数组 data, 接的就是一个同名的数组 data[0].name

传一个对象 obj,接的就是一个同名的对象 obj.name

返回的是一个 htmlStr,用于追加到 页面生效

4. 将生成的 标签字符串 渲染到 页面上生效

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

Ajax_艺术模板 art-template-web

标签:解析   项目   代码   jquery   ros   --   模板渲染   个数   返回   

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10173117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!