工作日志 随手笔记 仅供参考
这是第二次要用到这个语法 之前第一次用过几天忘了 今天要做项目重新复习一下
1.首先引入arttemplate.js 和 jquery.js
//编写HTML模板
<script id = 'test' type="text/html">
<h1>{{title}}</h1>
</script>
//向模板插入数据 并引入到模板
<script type="text/javascript">
var tem_name = "name" //模板名称
var data = {
title :'hello word' //模板数据
};
var tem_html = template(tem_name,data) //调用template方法 将data传入到tem_name 中
$(".demo").html(tem_html); //创建div 将数据放到里面 实现模块化
</script>
{{each 语法}}
<div class="comments">
{{each comments}} //需要遍历的对象 res.result
<div class="new_content">
<div class="content_user_img">
<img src="{{$value.avatar}}" alt=""> //头像 $value.acatar => res.result.comments.avatar
</div>
<div class="user_message">
<div class="user_name">juer</div>
<div class="user_time">
<div class="time">{{$value.publish_time}}</div>
<div class="number">
<i class="iconfont icon-dianzan2"></i>
<div>{{$value.likes_count}}</div>
</div>
</div>
<div class="content">
{{$value.content}}
</div>
</div>
</div>
{{/each}}
</div>
先写这么多 遇到了什么问题再去添加