Javascript 手柄：无法编译？_Javascript_Handlebars.js

Javascript 手柄：无法编译？

javascript

Javascript 手柄：无法编译？,javascript,handlebars.js,Javascript,Handlebars.js,我是一个非常新的车把和Javascript学习者，所以我提前道歉。作为学习车把的一种方式，我尝试将在线示例中的所有基本组件放到一个独立的网页中。然而，它运行得并不好 <html> <head> <script type="text/javascript" src="scripts/jquery-3.1.1.min.js" /> <script type="text/javascript" src="scripts/handlebars-v4.0.

我是一个非常新的车把和Javascript学习者，所以我提前道歉。作为学习车把的一种方式，我尝试将在线示例中的所有基本组件放到一个独立的网页中。然而，它运行得并不好

<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>


用户名
真名
电子邮件
{{{#用户}
{{username}}
{{firstName}}{{lastName}}
{{email}}
{{/用户}
var source=$（“#一些模板”）.html（）；
警报（来源）；
var template=handlebar.compile（源代码）；
var data={用户：[
{用户名：“艾伦”，名字：“艾伦”，姓氏：“约翰逊”，电子邮件：alan@test.com" },
{用户名：“allison”，名字：“allison”，姓氏：“House”，电子邮件：allison@test.com" },
{用户名：“ryan”，名字：“ryan”，姓氏：“Carson”，电子邮件：ryan@test.com" }
]};
$（“#内容占位符”）.html（模板（数据））；

此外，我无法打印源（警报（源）显示“未定义”）。少了什么吗？谢谢你的帮助

看起来您还没有关闭顶部的

脚本

ta，其中包括

jQuery

和

把手

您应该关闭脚本标记：

<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>


用户名
真名
电子邮件
{{{#用户}
{{username}}
{{firstName}}{{lastName}}
{{email}}
{{/用户}

看起来您还没有关闭顶部包含

jQuery

和

把手的脚本
您应该关闭脚本标记：
<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>


用户名
真名
电子邮件
{{{#用户}
{{username}}
{{firstName}}{{lastName}}
{{email}}
{{/用户}
您没有正确关闭脚本
标记，因此出现了问题。请看下面我的答案，您没有正确关闭脚本
标记，因此出现了问题。看看下面我的答案，我的天哪，我想“/>”通常用于关闭标签。谢谢！天哪，我想“/>”通常用于关闭标记。谢谢！