CODEWITHSUNDEEP
templatesember.js
petkopalko
petkopalko

Reputation: 600

Ember.js After refresh page data disappear

Ive got little basic problem with ember.

Here is app: http://emberjs.jsbin.com/qivamuzu/5 (click test - working like a charm, because model is in memory - loaded in index page)

But when you try page #test directly http://emberjs.jsbin.com/qivamuzu/5#/test all the data disappear (and that's bad - does not fired index route and load model). I follow this question Why isn't my ember.js route model being called? but doesn't help me.

I need to use template with model in other templates - I use {{render index}} but I'm not sure what to use and how. Please help me I am stuck.

Upvotes: 1

Views: 1307

Answers (1)

Sarus
Sarus

Reputation: 3313

I'm a little unclear on exactly what you're trying to do.

If you're just trying to use the same model data with a different route (and template) then you can explicitly set the model data to be the same in the route definition:

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;
  }   
});

Here's a working JSBin example:

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

EDIT: Additional Information That May Help

Okay, one more stab at it =) When you navigate directly to the test page there is no data because the TestRoute is using the model data from the IndexRoute which hasn't been loaded yet. What you can do is force the creation of the IndexController and model by initializing it from the ApplicationRoute which will always be invoked when you first go to any route in your application.

First you have to generate the controller since it doesn't exist yet.

this.generateController('index');

Then you can get the controller and set its model data:

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

Here's a working fiddle and I actually tested it this time to make sure it works when you go straight to #/test. I removed the extra routes and things that aren't actually needed from my previous example.

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

Upvotes: 1

Related Questions