Ember Template Chaining

I have this HTML/Handlebars code, what I would like is for the 'outlet fav' to render the template with id 'fav' and its corresponding outlet/templates-chain with expected 'index'.

Solution 1:

You can add an additional render call in IndexIndexRoute,

App.IndexIndexRoute = Ember.Route.extend({
    renderTemplate: function() {
        this.render();
        this.render("fav", {into: 'index'});
        this.render("fav/index", {into: 'fav'});
    }
});

http://jsfiddle.net/7b8HT/

Also, you may certainly use views as well to achieve similar results.