javascript - 操作后 Ember 更新模型

Question

我有一个在页面加载时加载一些 JSON 数据的 ember 模板，有一些按钮，当单击这些按钮时，我需要进行不同的 json 调用并更新模型。

在此代码中一切正常，但在触发操作并进行 json 调用后模型未更新。

我该如何解决？

App.DatRoute = Ember.Route.extend({ 
    model: function(parms){
        return Em.RSVP.hash({
            datam : Ember.$.getJSON('URL')
        });    
    },
    afterModel: function(){
      $(document).attr('title', 'Title');  
    },
    renderTemplate: function() {
      this.render();
      this.render('fter', { into: 'outlet', outlet: 'fter' });
  },
  actions :{
    action: function(){
        return Em.RSVP.hash({
           datam : Ember.$.getJSON('URL', {data}) 
        });
    }
}
});

谢谢

Answer 1

因为您没有做任何更新模型的事情。 Ember 对操作的返回值不做任何处理，无论是 promise 还是其他。您需要将操作放在 Controller 上，并使用从 ajax 调用返回的数据设置模型:

action: function() {
    var self = this;
    Ember.$.getJSON('URL', {data})
        .then(function(result) {
            self.set('model', result);
        });
}

或者我的风格，完全等价

action: function() {
    var set = this.set.bind(this, 'model');
    Ember.$.getJSON('URL', {data}).then(set);
}