父级的Ember双向数据绑定在重新加载时中断

时间:2014-10-16 17:45:14

标签: javascript ember.js

我是Ember的新手。这是我的问题:

我有一个项目列表,在单击项目时,会显示列表旁边项目的详细信息。因此,项目的标题显示在列表,详细信息和输入中,以使项目标题可编辑。

当我从主路线导航到嵌套的,特定于项目的路线时,一切正常:我在输入中进行了更改,更改显示在项目列表中以及详细信息部分中。但是,如果我刷新页面---虽然我的所有数据都会返回(即它按预期显示)---当我在输入中进行更改时它不会更新列表标题,尽管{ {1}}路由正常工作。

相关代码如下:

inscription

我错过了什么?

1 个答案:

答案 0 :(得分:1)

当您导航到项目(不刷新)时,它会通过链接到帮助程序传递模型,因此它会跳过模型路径。当你刷新它击中每条路线获得必要的模型。导航路线为您提供相同的铭文实例,而在刷新时,您将抓住一个完全不同的实例。

话虽这么说,你想要在儿童路线中使用相同的题词实例,并避免再次拨打你的服务器。

App.InscriptionsRoute = Ember.Route.extend({
  model: function(){
    return $.getJSON('javascripts/inscriptions.json')
      .then(function(data){
        return data;
      });
  }
});

App.InscriptionRoute = Ember.Route.extend({
  model: function(params){
    return this.modelFor('inscriptions').findBy("id", params.inscription_id);
  }
});

http://emberjs.com/api/classes/Ember.Route.html#method_modelFor