把手:无法编译?

时间:2017-01-12 21:03:15

标签: javascript handlebars.js

我是Handlebars和Javascript的新学习者,所以我提前道歉。作为学习Handlebars的一种方式,我正在尝试将来自在线示例的所有基本组件放入一个独立的Web页面中。但是它运行得不好。

<html>
<head>
  <script type="text/javascript" src="scripts/jquery-3.1.1.min.js" />
  <script type="text/javascript" src="scripts/handlebars-v4.0.5.js" />
</head>
<body>
<div id="content-placeholder"></div>

<script id="some-template" type="text/x-handlebars-template">
  <table>
    <thead>
      <th>Username</th>
      <th>Real Name</th>
      <th>Email</th>
    </thead>
    <tbody>
      {{#users}}
        <tr>
          <td>{{username}}</td>
          <td>{{firstName}} {{lastName}}</td>
          <td>{{email}}</td>
        </tr>
      {{/users}}
    </tbody>
  </table>
</script>

<script>
  var source   = $("#some-template").html();
  alert(source);
  var template = Handlebars.compile(source);
  var data = { users: [
      {username: "alan", firstName: "Alan", lastName: "Johnson",      email: "alan@test.com" },
      {username: "allison", firstName: "Allison", lastName: "House", email: "allison@test.com" },
      {username: "ryan", firstName: "Ryan", lastName: "Carson", email: "ryan@test.com" }
    ]};
  $("#content-placeholder").html(template(data));
</script>
</body>
</html>

另外,我无法打印源(警报(来源)显示“未定义”)。有什么遗失?谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

您似乎尚未关闭包含private static final int ACCESSIBILITY_ENABLED = 1; public static boolean isAccessibilitySettingsOn(Context context) { int accessibilityEnabled = 0; final String service = context.getPackageName() + "/" + MyAccessibilityService.class.getCanonicalName(); try { accessibilityEnabled = Settings.Secure.getInt( context.getApplicationContext().getContentResolver(), android.provider.Settings.Secure.ACCESSIBILITY_ENABLED); } catch (Settings.SettingNotFoundException e) { Log.e("AU", "Error finding setting, default accessibility to not found: " + e.getMessage()); } TextUtils.SimpleStringSplitter mStringColonSplitter = new TextUtils.SimpleStringSplitter(':'); if (accessibilityEnabled == ACCESSIBILITY_ENABLED) { String settingValue = Settings.Secure.getString( context.getApplicationContext().getContentResolver(), Settings.Secure.ENABLED_ACCESSIBILITY_SERVICES); if (settingValue != null) { mStringColonSplitter.setString(settingValue); while (mStringColonSplitter.hasNext()) { String accessibilityService = mStringColonSplitter.next(); if (accessibilityService.equalsIgnoreCase(service)) { return true; } } } } return false; } script的顶部的jQuery ta。

您应该关闭脚本标记:

Handlebars

这是完整的工作代码

<script type="text/javascript" src="scripts/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="scripts/handlebars-v4.0.5.js"></script>
 var source = $("#some-template").html();
 alert(source);
 var template = Handlebars.compile(source);
 var data = {
   users: [{
     username: "alan",
     firstName: "Alan",
     lastName: "Johnson",
     email: "alan@test.com"
   }, {
     username: "allison",
     firstName: "Allison",
     lastName: "House",
     email: "allison@test.com"
   }, {
     username: "ryan",
     firstName: "Ryan",
     lastName: "Carson",
     email: "ryan@test.com"
   }]
 };

 $("#content-placeholder").html(template(data));