javascript - 从 Controller 更新 Ember 模型

Question

目前，我尝试通过在模板中放置一些按钮来加载更多数据来创建无限滚动。

下面是代码

索引.hbs

{{#each model}}
  <p>{{name}}</p>
{{/each}}
<button {{action "addMore"}}>Add More</button>

Controller /index.js

import Ember from 'ember';

export default Ember.ArrayController.extend({
  actions:{
    addMore: function (){
      this.get("model").push({name:"some data"});
    }
  }
});

和路由index.js

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    var v=[];
    return v;
  }
});

问题是，用户单击按钮后， Controller 将数据推送到模型中，但模板没有显示包含当前数据的模型( Controller 将新数据推送到模型后的数据)。

请帮忙

谢谢

Answer 1

代码中的一些错误/不推荐使用的内容:

• Ember.ArrayController 已弃用，请使用 Ember.Controller相反。

导出默认 Ember.ArrayController.extend 变为导出默认 Ember.Controller.extend

• {{#each model}} 现在采用 {{#each model as |myNameObject|}}} 的形式(旧方法仍然有效但建议使用 block 作用域)，并且在模板中您将使用 {{myNameObject.name}}

• 当您应该使用 pushObject 时，您却使用了 .push

JsBin演示。