artTemplate基本语法

weixin_30873847

于 2019-03-29 16:21:00 发布

阅读量109

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yinchh/p/10622098.html

本文介绍了artTemplate的基本使用方法，包括如何进行变量取值、条件判断及循环操作。通过一个简单的示例展示了如何将模板与数据结合生成HTML内容。

自己试了一下artTemplate的语法，只是最基本的用法：取值、判断、循环。

<script src="~/Static/js/template-web.js"></script>
<div id="div1"></div>
<script id="template1" type="text/html">
    {{if code == 200}}
    {{msg}}
    <ul>
        {{each data}}
        <li>{{$index}}:{{$value}}</li>
        {{/each}}
    </ul>
    {{else if code==500}}
    接口返回异常了
    {{else}}
    未知错误
    {{/if}}
</script>
<script type="text/javascript">
    var html = template('template1', { code: 200, msg: '接口返回成功', data: ['ych', 'hll', 'ywx'] });
    $('#div1').html(html);
</script>

转载于:https://www.cnblogs.com/yinchh/p/10622098.html