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" );

  • 相关阅读:
    ASP.NET版本的Kindeditor插件的使用
    股票交易时间
    vs2010 安装mvc3
    JDK,JRE,JVM区别与联系
    使用 AngularJS 从零构建大型应用
    JavaScript奇技淫巧45招
    知道这20个正则表达式,能让你少写1,000行代码
    $timeout, $interval
    js页面loading加载
    jq倒计时
  • 原文地址:https://www.cnblogs.com/guozhe/p/2371314.html
Copyright © 2011-2022 走看看