Resource with nested resource not loading on back button when using render

Question

I have my emberjs code in the following jsbin,

http://emberjs.jsbin.com/rewumojixe

I am trying to have "search" resource nested inside my "cars" resource, as I want the route to be cars/search . I have used renderTemplate to load the search resource in the application outlet to replace the cars template rendered.

App.SearchRoute = Ember.Route.extend({
    renderTemplate: function () {
        this.render('search', { into: 'application' });
    }
});

This works fine except that on clicking back button on search route is loading a empty cars route.This happens only when the above renderTemplate code is added to the SearchRoute.

Andrey Mikhaylov - lolmaus Andrey Mikhaylov - lolmaus · Accepted Answer · 2015-02-15T20:43:37

If you don't want routes nested, don't nest them.

App.Router.map(function() {
    this.resource('home',   { path: '/' });
    this.resource('cars',   { path: '/cars' });
    this.resource('search', { path: '/cars/search' });
});

Demo:

Live with usable back button: http://emberjs.jsbin.com/lamovo/2
Source: http://emberjs.jsbin.com/lamovo/2/edit?html,js,output

Resource with nested resource not loading on back button when using render

1 Answers