title: How to render template other than application.hbs in EmberJS?
body: <p>In EmberJS, the main template file is the <code>application.hbs</code>. Any template rendered from the routes goes the the <code>{{outlet}}</code> of this main template file.</p>
  
  <p>Now, I have another main template file, say <code>print.hbs</code> wherein the template design is very different from the application.hbs. How do I do this?</p>
  
  <p>In the router file, I have:</p>
  
  <pre><code>App.Router.map(function() {
  
      this.resource('print', function() {
          this.route('display1');
          this.route('display2');
      });
  
      this.route('dashboard', {path: '/'});
      this.route('anything');
  });
  </code></pre>
  
  <p>The routes <code>dashboard</code> and <code>anything</code> uses the <code>application.hbs</code>. 
  What should I do to use <code>print.hbs</code> on the <code>print</code> route? Please help.</p>