模板引擎ArtTemplate使用方法
来源:互联网 发布:数据报网络 编辑:程序博客网 时间:2024/05/20 10:53
- 导入模板引擎: 将下载好的
ArtTemplate
导入到页面中
<script type="text/javascript" src = "./files/template-native.js"></script>
定义模板:
<% %>
这样的语法是定义逻辑表达式<%=内容 %>
这样的语法为输出表达式 注意:这路的模板type='text'
如果写成javascript
会执行
<script type="text" id = "templ01"> <ul> <li><%=name %></li> <li><%=age %></li> <li><%=skill %></li> <li><ul>favouriteFood <% for(var i = 0 ;i < favouriteFood.length;i++) {%> <li><%=favouriteFood[i] %></li> <% } %> </ul> </li> </ul> </script>
读取模板,传入数据:
导入了
模板引擎
以后,我们可以使用template(模板id,数据);
// 调用模板引擎的方法 var backHtml = template("templ01",data); // 返回值就是填充好的内容
data是js对象,如果不只有一个,要把js数组封装成一个对象,如var obj={ iteam:data}
var backHtml = template("templ01",data);
然后在模板里面添加for循环,<%=data[i].name %> 即可
阅读全文
0 0
- 模板引擎ArtTemplate使用方法
- 模板引擎——artTemplate使用方法
- javascript模板引擎 artTemplate
- javascript模板引擎 Arttemplate
- Arttemplate 前端模板引擎
- ArtTemplate模板引擎入门
- JS模板引擎 :ArtTemplate
- JavaScript模板引擎-artTemplate
- javascript 模板引擎artTemplate
- 前端模板引擎 artTemplate
- artTemplate模板引擎
- javascript 模板引擎artTemplate
- JavaScript模板引擎-artTemplate
- artTemplate模板引擎使用
- artTemplate模板引擎
- 模板引擎artTemplate 介绍
- javascript 模板引擎:artTemplate-3.0
- artTemplate模板引擎简单使用
- 「网络流 24 题」最长递增子序列
- 20 Command Line Tools to Monitor Linux Performance
- (UVA
- C++开源代码项目汇总
- codevs 4768 跳石头
- 模板引擎ArtTemplate使用方法
- Android UI 之自定义标题栏 + 沉浸式状态栏
- 导出 EXCEL 文件
- bzoj 3944: Sum
- 大整数相加
- 合并排序的c++实现
- Xilinx Petalinux 开发环境搭建与安装
- Proto-Gen-Lua 环境搭建编译、安装、使用
- SOLIDWORKS PDM 2017 客户端激活问题