zoukankan      html  css  js  c++  java
  • art-template判断渲染(难度:3颗星)

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <script src="./lib/js/art-template.js"></script>
        <title>Document</title>
    </head>
    <body>
        <div id="middle">
        </div>
        <script type="text/html" id="test">
            {{if isAdmin}}
            <h1>{{title}}</h1>
            <ul>
                {{each list value i}}
                <li>索引:{{i+1}}:{{value}}</li>
                {{/each}}
            </ul>
            {{/if}}
        </script>
        <script>
          var data={
              title:'基本例子',
              isAdmin:true,
              list:['小哈','小明','小东','小华','小新']
          };
          const html=template('test',data);
          document.getElementById('middle').innerHTML=html;
        </script>
    </body>
    </html>
  • 相关阅读:
    curl库使用文件传输
    linux 命令
    第三方库交叉编译
    指针越界
    GetWindowRect GetClientRect
    libevent
    C#关闭窗体
    C# log日志窗口
    C++同一时刻仅允许一个实例,包含多用户的场景。
    C# 引用类型
  • 原文地址:https://www.cnblogs.com/mmit/p/12624777.html
Copyright © 2011-2022 走看看