Javascript simple ember.js应用程序-为什么模型数据不显示在视图中？_Javascript_Ember.js_Handlebars.js

Javascript simple ember.js应用程序-为什么模型数据不显示在视图中？

javascript ember.js

Javascript simple ember.js应用程序-为什么模型数据不显示在视图中？,javascript,ember.js,handlebars.js,Javascript,Ember.js,Handlebars.js,我目前正在尝试学习ember.js框架。我有一个非常简单的应用程序，使用starterkit作为起点 app.js文件包含： // Application var App = Em.Application.create(); // Models App.Person = Ember.Object.extend({ fName: null, surname: null }); // Controller App.personController = Ember.ArrayCon

我目前正在尝试学习ember.js框架。我有一个非常简单的应用程序，使用starterkit作为起点

app.js文件包含：

// Application
var App = Em.Application.create();

// Models
App.Person = Ember.Object.extend({
    fName: null,
    surname: null
});

// Controller
App.personController = Ember.ArrayController.create({
    content: [],
    init: function(){
        // create an instance of the person model
        var person = App.Person.create({
        fName: 'Fred',
        surname: 'Bloggs'
    });
    this.pushObject(person);
    }
});

我的

index.html

基于默认的锅炉板：

<body>
  <script type="text/x-handlebars">
    {{#each App.personController}}
        <p>{{fName}} {{surname}}</p>
    {{/each}}
  </script>


  <!-- The missing protocol means that it will match the current protocol, either http or https. If running locally, we use the local jQuery. -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
  <script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
  <script src="js/libs/ember-0.9.8.1.min.js"></script>
  <script src="js/app.js"></script>
</body>


{{{每个App.personController}
{{fName}{{姓氏}
{{/每个}}
window.jQuery | | document.write（“”）

当我在浏览器中检查时，我没有看到js错误，呈现的html显示把手正在呈现，但没有内容

<div id="ember163" class="ember-view">
    <script id="metamorph-0-start" type="text/x-placeholder"></script><script id="metamorph-0-end" type="text/x-placeholder"></script>
</div>

我们非常感谢您对为什么不提供任何帮助或解释。我本以为init函数会呈现一个用户

问候,

Martin

在声明var person之前，您需要调用

this.\u super（）

。

您必须将应用程序定义为一个全局命名空间，而不包含var:

在@Jimmy编写时，不要忘了在init方法中调用

\u super（）

。

这里有一个包含您的代码的jsfiddle（以及

this.\u super（）；

），显示了这个问题：感谢您的快速响应。非常感谢。