zoukankan      html  css  js  c++  java
  • Jtemplates ${} or {{html}}的区别

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jtjs/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="jtjs/jquery.tmpl.js"></script>
    <script id="movieT" type="text/x-jquery-tmpl">
    <tr>
    <td>${Title}</td>
    <td class="synopsis">{{html Synopsis}}</td>
    </tr>
    </script>
    <style>
    td{
    border:solid 1px red}
    </style>
    </head>

    <body>
    <table>

      <theadclass="header">

        <tr>

          <th>Title</th>

          <th>Synopsis</th>

        </tr>

      </thead>
      <tbody id="movieList"></tbody>
    </table>
    <script type="text/javascript">

    var movies = [
    {
    Title: "测试", 
    Synopsis: "测试内容"
    },
    {
    Title: "测试2",
    Synopsis: "测试内容"
    }
    ];

    $( "#movieT" ).tmpl( movies )
    .appendTo( "#movieList" );

    </script>
    </body>
    </html>

    -------------------------------------------------------------

    1.${属性名} --->直接就可以用json里的属性名取值

    2. {{html 属性名}} ----->必须是双{} 然后通过html 属性名取值

    -------------------------------------------------------------

    赋值

    $( "#movieT" ).tmpl( movies ).appendTo( "#movieList" );

  • 相关阅读:
    『ORACLE』 DG切换主备库角色(11g)
    Java基础语法(三)---数组
    JDK安装与配置详细图文教程
    谁把20岁上下的你给洗脑了
    看看已堕落的自己
    关于Git
    自定义UIDatePikerView
    细节关注(持续更新。。。)
    如何生成圆形的图片
    高效使用你的Xcode
  • 原文地址:https://www.cnblogs.com/guozhe/p/2371314.html
Copyright © 2011-2022 走看看