4

我正在尝试使用此处的文档来学习 Ember：http: //emberjs.com/guides/templates/handlebars-basics/

我遵循该链接上给出的示例，因此具有以下两个文件和内容，仅此而已。但是，当我打开浏览器并打开 index.html 时，我看不到Hello World. 该World部分不显示。但是，根据该页面底部附近的说明，World应该显示在页面上。

任何有助于理解为什么这不起作用的帮助都会很棒。谢谢！

索引.html 

<h2>First Ember Application</h2>

<script type="text/x-handlebars">
    Hello {{name}}.
</script>


  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-pre.2/ember-1.0.0-pre.2.min.js"></script>
  <script src="app.js"></script>
</body>

</html>

应用程序.js

window.App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({
    name: "World"
});
4

1 回答 1

4

您需要一个 Ember.View 将变量传递到模板并与模板连接。您可以设置控制器的 Context 并让视图将其用作其内容，但对于您的简单示例：

window.App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({});

App.ApplicationView = Ember.View.extend({
  templateName : 'application',
  name: 'World'
})

值得注意的是，Ember 将寻找一组具有“应用程序”命名约定的视图、控制器和模板。这是完整小提琴的链接http://jsfiddle.net/gNKJj/1/

于 2013-01-03T07:34:02.410 回答