在 Ember.js 中渲染模板并调用模型钩子

Question

我正在使用 JSON 请求为名为 example 的模板填充模型。

App.ExampleRoute = Ember.Route.extend({
  model: function() {
    var url = "example/GetExamples";
    return Ember.$.getJSON(url).then(function(data) {
      return data;
    });
  }
});

示例模板完美地呈现了这些数据。现在我的后端可能会不时更改，因为我有另一个名为 addExample 的模板。它只是向服务器发送一个 JSON 请求，以从这个其他模板在数据库中添加一个条目。添加示例后，我尝试转换到示例模板，但我只看到旧数据。刷新页面时，会出现带有添加条目的新数据。

App.AddController=Ember.Controller.extend({
  postAddRequest: function() {
    var request = $.post("/example/AddExample", {params});
    request.then(this.success.bind(this), this.failure.bind(this));
  },
  success: function(data) {
    this.transitionToRoute('example');
  }
});

那么有什么方法可以强制 Ember 重新渲染“示例”模板并在路由中调用其模型钩子而不刷新页面。我不能使用 ember-data 进行持久性，因为它仍处于测试阶段。

Answer 1

过渡到路线并发送您想在路线上使用的数据。此外，路由应该在 url 中使用 id/slug。如果没有看到下面

this.transitionToRoute('example', data);

如果您已经在路线上并且想要更新当前设置的控制器的模型，您可以抓取该控制器并设置模型。

从控制器

App.SomeController = Em.Controller.extend({
  needs: ['example']
  someFunction: function(){
    var model = ... get new model;
    this.get('controllers.example').set('model', model);
  }
});