title: Ember js : load multiple template on one page with data
body: <p>I am working on a application in ember.js . I have an few questions to all of you guys. First lets discuss about my application points and then what problem I am facing in.</p>
  
  <ol>
  <li>Application is about something like a drawing a plans like a "auto cad ". For this purpose I am using d3.js library</li>
  <li>For a drawing purpose we have different sections like Fire, Water, etc..Satelite All of this sections have different svg container for drawing.</li>
  <li><p>After this things I have one module for email this sections to a particular email id in three ways </p>
  
  <p>3.1 Current Section wise email (Means if we drawing in a fire section then If we send email then svg of fire section will send as a form of pdf) (Done)</p>
  
  <p>3.2 At a time all the sections svg content in PDF. (Here my actual problem starts)</p></li>
  </ol>
  
  <p>In this point all sections email I am getting problem in retrieve all section svg's at a time. Because the current section is already loaded in a view, template with data , But how can I get all the sections template with its drawing data (svg element's).</p>
  
  <p>I created my route like this</p>
  
  <pre><code>emailPDF = Ember.Route.extend({
  
      setupController: function(controller, model)
      {
          alert("Controller setup");
          this.controllerFor('fire').set('model', model);
          this.controllerFor('gas').set('model', model);
      },
      renderTemplate: function() {
          this._super();
          this.render('fire', {           // the template to render
              into: 'emailPDF',       // the template to render into
              outlet: 'fire',              // the name of the outlet in that template
              controller: 'fire'        // the controller to use for the template
          });
          this.render('gas', {
              into: 'emailPDF',
              outlet: 'gas',
              controller: 'gas'
          });
      }
  });
  </code></pre>
  
  <p>And the template is like :</p>
  
  <pre><code>&lt;div id="fire_test"&gt;
      {{outlet 'fire'}}
  &lt;/div&gt;
  &lt;div id="gas_test"&gt;
      {{outlet 'gas'}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I transition this route from one controller like this :</p>
  
  <pre><code>this.transitionToRoute('emailPDF');
  </code></pre>
  
  <p>But here in the allSections template I am getting previous template that I have already open in the place of fire and gas outlet not able to render fire and gas template.</p>
  
  <p>Please tell me if i am doing something wrong...</p>