artTemplate 语法使用

工作日志 随手笔记 仅供参考

 

这是第二次要用到这个语法 之前第一次用过几天忘了  今天要做项目重新复习一下

 

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>

先写这么多 遇到了什么问题再去添加