so#43423882

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('my-route');
});

export default Router;

routes.my-route.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return new Ember.RSVP.Promise((resolve)=> {
      window.setTimeout(()=>resolve('model resolved'),3000);
    })
  },
  
  renderTemplate(controller, model){
    this.render('dummy-template', {
      into:'application',
      outlet: 'dummy'
    });
    this.render('my-route', {
      into: 'application'
    });
  },
  
  actions:{
    removeDummyTemplate() {
      this.disconnectOutlet({
        outlet: 'dummy',
        parentView: 'application'
      });
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{outlet 'dummy'}}
<br>
<br>

templates.dummy-template.hbs

This is the dummy template to be rendered to dummy outlet!
<br>

templates.index.hbs

{{#link-to 'my-route'}}Press for my-route{{/link-to}}

templates.loading.hbs

<br>
Loading...
<br>
This will be shown for 3 seconds until the model is resolved!
<br>

templates.my-route.hbs

This is the original template to be rendered to default outlet!
<br>
This is the model resolved: {{model}}
<br>
<button onclick={{route-action 'removeDummyTemplate'}}>Remove Dummy Outlet</button>
<br>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
		"ember-route-action-helper":"2.0.2"
	}
}