我正在尝试使用此处的文档学习 Ember:http://emberjs.com/guides/templates/handlebars-basics/
我正在按照该链接上给出的示例进行操作,因此只有以下两个文件和内容,除此之外别无其他。但是,当我打开浏览器并打开 index.html 时,我没有看到 Hello World
。 World
部分没有显示。但是,根据该页面底部附近的解释,World
应该显示在该页面上。
任何有助于理解为什么这不起作用的帮助都会很棒。谢谢!
index.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>
app.js
window.App = Ember.Application.create();
App.ApplicationController = Ember.Controller.extend({
name: "World"
});
最佳答案
您需要一个 Ember.View 来将变量传递到模板并与模板连接。您可以设置 Controller 的上下文并让 View 将其用作其内容,但对于您的简单示例:
window.App = Ember.Application.create();
App.ApplicationController = Ember.Controller.extend({});
App.ApplicationView = Ember.View.extend({
templateName : 'application',
name: 'World'
})
值得注意的是,Ember 将寻找一组具有“应用程序”命名约定的 View 、 Controller 和模板。 这是完整 fiddle 的链接 http://jsfiddle.net/gNKJj/1/
关于javascript - 为什么此 Ember 应用程序中未呈现模板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14133689/