行动后的Ember更新模型

时间:2014-11-09 04:22:15

标签: javascript json ember.js

我有一个ember模板,它在页面加载时加载一些JSON数据,有一些按钮,当点击这些按钮时,我需要进行不同的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}) 
        });
    }
}
});

由于

1 个答案:

答案 0 :(得分:5)

因为您没有做任何更新模型的事情。 Ember对动作的返回值没有任何作用,无论是承诺还是其他。您需要将操作放在控制器上,并使用从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);
}