您的位置：首页 > 其它

模板引擎ArtTemplate使用方法

2017-08-14 15:10 399 查看

导入模板引擎: 将下载好的

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 %> 即可

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航