Emberjs——Tips - 爱码网

脚本顺序

建议使用Ember时，参考以下模板放置脚本：

<!doctype html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="stylesheet" href="css/style.css?v=2">

</head>
<body>
  <!--先在body标签里放置模板-->
  <script type="text/x-handlebars" data-template-name="application">
    <h1>Hello from Ember.js</h1>
  </script>

  <!--按JQuery、handlebars、emberjs顺序引入脚本-->
  <script src="js/libs/jquery-1.7.2.min.js"></script>
  <script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
  <script src="js/libs/ember-1.0.0-pre.2.min.js"></script>

  <!--最后引入为应用程序编写的代码-->
  <script src="js/app.js"></script>
</body>
</html>

handlebars模板规则

自Ember升级到 1.0.0-pre.2 之后，Html里的handlebars模板必须指定名称，不指定名称时默认使用“application”命名，重名模板只显示最后一个。

Ember在查询模板时，优先查询 “data-template-name” 属性，未找到时，查询 “id” 属性，未找到时，自动将模板命名为 “application” 。