dot.js在我所认为最重要的作用就是,我们再也不用繁琐的拼接字符串了
一.html
<ul class="myul2">
</ul>
二.在js页面
var tpl = doT.template($("#area-list5").text());
var str = tpl(res.universityInfo.celebrityList);
$(" .myul2").html(str);
三.定义一个script
<script type="text/x-dot-template" id="area-list5">
<div class="swiper-container">
<div class="swiper-wrapper">
{{~ it:item:index}}
<div class="swiper-slide">
<li class="myli2">
<div class="myli2_top">
<img src="{{= item.headImg}}">
<span>{{= item.name}}</span>
</div>
<div class="myli2_center">
<p>{{= item.intro}}</p>
</div>
</li>
</div>
{{~}}
</div>
</div>
</script>
四.大功告成,再也不用拼接字符串了,前提要把dot.js引入