Cacher is the code snippet organizer for pro developers

import Ember from 'ember';

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

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
		submit(category) {
			this.send('submitCategory', category);
		}
	}
});

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

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

Router.map(function() {
  	this.route('categories', {
      resetNamespace: true,
      path: '/'
    }, function () {

      this.route('category1', {
        resetNamespace: true
      }, function () {
        this.route('configuration', {
          path: '/'
        });
      });
      
      this.route('category2', {
        resetNamespace: true
      }, function () {
        this.route('configuration', {
          path: '/'
        });
      });
    });
});

export default Router;

import Ember from 'ember';

export default Ember.Route.extend({
  actions: {
		submitCategory(category) {
			this.transitionTo(category);
		}
	}
});

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
  	return new Promise(function (resolve) {
    	setTimeout( function() {
        console.log('1 resolved');
      	resolve();
      }, 2000);
    });
  }
});

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
  	return new Promise(function (resolve) {
    	setTimeout( function() {
        console.log('2 resolved');
      	resolve();
      }, 2000);
    });
  }
});

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

<a href="#" onclick={{action "submit" "category1"}}>Category 1</a>
<a href="#" onclick={{action "submit" "category2"}}>Category 2</a>

Category 1 Loaded

Category 2 Loaded

{
  "version": "0.15.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
  },
  "addons": {
    "ember-data": "3.4.2"
  }
}