Ember js : load multiple template on one page with data

I have a website that is largely rendered by HTML-Javascript, with several sections the page using Ember. Up until now, we have been using separate ember apps to manage each section, but that's starting to create too much multi-app overhead.

Is there a way to attach the Ember app to the body (as the rootElement) and have each section build as independent components or views, without having to wrap the body in a script tag?

Ideally I'd like to be able to combine all these templates in a single html page and produce it with data from model and controller as per section name and just tell Ember where to put the views on the page. Is this possible?