How do I render multiple outlets in one template file using ember 2.3

Question

I'm trying to render multiple .hbs snippets into their respective outlets. However, the following renderTemplate does not work:

renderTemplate: function() {
     // default behavior, renders the home template
     this.render(); 
      this.render('hero', {    // render the `hero` template
       outlet: 'hero'  // using the outlet named `hero`
     });
   },

The template file in question looks like this:

{{outlet 'hero'}}
{{outlet}}

This actually renders the default template (this is the index route) twice: once in the hero outlet, and once in the regular outlet.

This seemed to work in ember1.7, even if the hero outlet was included in the application.hbs template. Not quite so with ember2.3.

How would I make this work?

Seems to work emberjs.jsbin.com/lequhe/2/edit?html,js,output — blessanm86
^ I copied and pasted your code (in the appropriate places), and it seems to work now. I'm not sure exactly what I did wrong in the first place, but now it's working. Perhaps it was some sort of build issue I caused. — Darshan

lependu lependu · Accepted Answer · 2016-01-26T10:23:58

With Ember 2.0 there is a lot of changes. I think this, and this are the most relevant in your case. If I am not mistaken, the Ember 2.x way is go for components now.

How do I render multiple outlets in one template file using ember 2.3

1 Answers