artTemplate.js 实例

来源：互联网发布：淘宝客手机版编辑：程序博客网时间：2024/06/17 02:52

<script src="../js/common/template.js"></script><script src="../js/common/jquery-1.9.1.min.js"></script>

<script  id="test" type="text/html">    <table>        <thead>        <tr>            <th>名字</th>            <th>年龄</th>            <th>Email</th>        </tr>        </thead>        <tbody>        {{each}}        <tr>            <td>名字是：{{$value.name}}</td>            <td>年龄：{{$value.age}}</td>            <td>Email：{{$value.email}}</td>        </tr>        {{/each}}        </tbody>    </table></script><script>    $(document).ready(function() {        var data = [            {'name': "vivian", "age|18-25": 2, "email": "vvv"},            {"name": "Jason", "age": 17, "email": "bbbb"},            {"name": "Elliotte", "age": 23, "email": "cccc"}        ];        var html = template('test', data);        $('body').append(html);    });</script>

结果：

参考：https://github.com/aui/artTemplate

1 0