Ember.js入门

时间:2012-12-29 14:25:15

标签: javascript ember.js

我没有找到任何关于开始使用Ember.js的好文档。请帮我, 这是我从http://emberjs.com/documentation/尝试的一个简单示例,但屏幕上没有显示任何内容。

Error:  MyApp is not defined  

Javascript:app.js

    MyApp.president = Ember.Object.create({
  firstName: "Barack",
  lastName: "Obama",
  fullName: function() {
    return this.get('firstName') + ' ' + this.get('lastName');
  // Tell Ember that this computed property depends on firstName
  // and lastName
  }.property('firstName', 'lastName')
});

HTML

<p>
<script type="text/x-handlebars">
  The President of the United States is {{MyApp.president.fullName}}.
</script>
</p>

我包含了入门套件中的所有JS文件。

2 个答案:

答案 0 :(得分:6)

您忘了定义MyApp,它必须是Ember.Application的实例:

var MyApp = Ember.Application.create({});

以下是我几周前发现的一个非常全面的教程,可能对您的学习目的有用:http://www.appliness.com/flame-on-a-beginners-guide-to-ember-js/

答案 1 :(得分:4)

您必须定义MyApp

我创建了一个工作示例here。点击运行按钮查看结果。

<强> HTML

<p>
<script type="text/x-handlebars">
  The President of the United States is {{MyApp.president.fullName}}.
</script>
</p>​

<强>代码

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

MyApp.president = Ember.Object.create({
  firstName: "Barack",
  lastName: "Obama",
  fullName: function() {
    return this.get('firstName') + ' ' + this.get('lastName');
  }.property('firstName', 'lastName')
});
​