jQuery 前端模板插件

https://files.cnblogs.com/files/lihuali/jq.template.zip

<script id="test" type="text/html">
    <h1>{{title}}</h1>
    <ul>
        {{each list as v}}
        <li>条目内容 {{v}}</li>
        {{/each}}
    </ul>
</script>
<div id="content"></div>

@section scripts{
<script type="text/javascript">

    var data = {
         title: '标签',
         list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
     };
    var html = template('test', data);
    console.log(html);
    document.getElementById('content').innerHTML = html;

posted @ 2017-11-17 10:38  李华丽  阅读(362)  评论(0编辑  收藏  举报
AmazingCounters.com