Ember.js 刷新后页面数据消失

Question

我在使用 ember 时遇到了一些基本问题。

这里是应用程序：http://emberjs.jsbin.com/qivamuzu/5（点击测试 - 像魅力一样工作，因为模型在内存中 - 加载到索引页面中）

但是当您直接尝试页面#test http://emberjs.jsbin.com/qivamuzu/5#/test 时，所有数据都会消失（这很糟糕 - 不会触发索引路由和加载模型）。我关注了这个问题Why isn't my ember.js route model being called?，但对我没有帮助。

我需要在其他模板中使用带有模型的模板 - 我使用 {{render index}} 但我不确定要使用什么以及如何使用。请帮助我，我被卡住了。

Answer 1

我有点不清楚你到底想做什么。

如果您只是尝试将相同的模型数据与不同的路由（和模板）一起使用，那么您可以在路由定义中明确地将模型数据设置为相同：

App = Ember.Application.create();

App.Router.map(function() {
   this.route('test');
});

var myModelData = ['red', 'yellow', 'blue'];

App.IndexRoute = Ember.Route.extend({
  model : function(){
    return myModelData;
  }  
});

App.TestRoute = Ember.Route.extend({
  model : function(){
    return myModelData;
  }   
});

这是一个有效的 JSBin 示例：

http://emberjs.jsbin.com/qivamuzu/8/edit

编辑：可能有帮助的其他信息

好的，再试一次 =) 当您直接导航到 test 页面时，没有数据，因为 TestRoute 正在使用尚未加载的 IndexRoute 中的模型数据。您可以做的是通过从 ApplicationRoute 初始化它来强制创建 IndexController 和模型，当您第一次转到应用程序中的任何路由时总是会调用它。

首先你必须生成控制器，因为它还不存在。

this.generateController('index');

然后你可以获取控制器并设置它的模型数据：

this.controllerFor('index').set('model', ['red','green','blue']);

这是一个有效的小提琴，这次我实际测试了它，以确保当您直接访问 #/test 时它可以正常工作。我从之前的示例中删除了额外的路线和实际上不需要的东西。

http://emberjs.jsbin.com/qivamuzu/11#/test