首页 > > 网页制作 > Javascript >

artTemplate的使用总结

2018-06-24 01:03:06来源：未知阅读 ()

1.首先先要下载artTemplate.js,这个可以在官网下载也可以在GitHub进行下载。

2.现在是编写一个存放html标签的编写模板，使用<script type="text/html" id="site_template"></script>装载，里面的id是你到时候将确认将数据传给谁的绑定，详情请看下面代码

<span>{{value.conactName}}</span>

<span>{{value.conactphone}}</span>

</div>

<p>{{value.address}}{{value.addressInfo}}</p>

</div>

</script>

注：这个时候要说了编写模板的话有简洁语法和原声语法，我这里用的就是简洁语法，然后我自己也比较推荐使用，他相对原声语法的话比较简单也利于实用

原声语法就这种：

<%if (potics){%>

<%include('potics_content')%>

<%for (var i=0;i<list.length;i++) {%>

<%}%>

相当于就是把你所要用的原声js拿<%%>包起来而已

3.然后就是渲染模板，下放代码只是模仿的数据，如果小伙伴的数据是从后台获取上来就把你从ajax获取的data数据换上就好啦

var data = {

title: '你好',

list: ['士力架', '糖葫芦', '草', '土', '牛肉', '鸡', '鸭']

};

var html = template('site_template', data);//这个就是用来连接编写模板和渲染模板的

document.getElementById('wrap').innerHTML = html;//而这个是把连接好的html和数据传到你想要把html放在的哪个标签里面

然后artTemplate的大概使用就介绍到这里了

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

下一篇：ES6 Module

热门词条

最新资讯

热门关注

热门标签