Route Data Handling

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('first-route', { path: '/first-route' });
  this.route('second-route', { path: '/second-route' });
});

export default Router;

routes.first-route.js

import Ember from 'ember';

export default Ember.Route.extend({
  
  // Primary data
  model() {
    return new Promise(resolve => {
      setTimeout(() => {
				resolve({ modelData: 'loaded' });
      }, 1000);
    });
  },
  
  // Secondary data
  afterModel() {
    setTimeout(() => {
      this.controller.set('afterModelData', 'loaded');
    }, 1000);
  },
  
  // setupController(model) {
    // Reassign model variable here
    // this.controller.setProperties(model);
  
  	// Set default values here
    // this.controller.setProperties({ setupData: undefined });
  // },
  
  // Actions called from template with {{route-action ''}}
  actions: {
    handleUpdateModel() {
      this.controller.set('model.modelData', 'modified');
    },
    
    handleUpdateAfterModel() {
      this.controller.set('afterModelData', 'modified');
    }
  }
  
});

templates.application.hbs

{{#link-to 'first-route'}}First Route{{/link-to}}
{{#link-to 'second-route'}}Second Route{{/link-to}}

<br>
<br>

{{outlet}}

templates.first-route.hbs

Route model data: {{model.modelData}}
<button onclick={{route-action 'handleUpdateModel'}}>Modify</button>
<br>
Route afterModel data: {{afterModelData}}
{{#if afterModelData}}
	<button onclick={{route-action 'handleUpdateAfterModel'}}>Modify</button>
{{/if}}

{{outlet}}

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-data": "2.12.1",
    "ember-route-action-helper": "2.0.6"
  }
}