Route hook order

controllers.application.js

import Ember from 'ember';

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

controllers.index.js

import Ember from 'ember';

const { computed } = Ember;

export default Ember.Controller.extend({
  testModel: computed(function() {
    return { "id": "abc" }
  }),
  
  actions: {
    goTo() {
      this.transitionToRoute('/test/def')
    }
  }
});

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('test', {path: '/test/:id'})
});

export default Router;

routes.test.js

import Ember from 'ember';

export default Ember.Route.extend({
  serialize(model, paramsNames) {
    console.log('serialize');
    return { id: model.id };
  },
  activate() {
    console.log('activate');
    this._super(...arguments);
  },
  
  beforeModel() {
    console.log('beforeModel');
    this._super(...arguments);
  },
  
  model(params) {
    console.log(`model - params: ${JSON.stringify(params)}`);
    const id = params.id 
    return Ember.Object.create({ id });
  },
  
  afterModel() {
    console.log('afterModel');
    this._super(...arguments);
  },
  
  setupController() {
    console.log('setupController');
    this._super(...arguments);
  },
  
  renderTemplate() {
    console.log('renderTemplate');
    this._super(...arguments);
  },
  
  deactivate() {
    console.log('deactivate');
    this._super(...arguments);
  }
});

templates.application.hbs

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

templates.index.hbs

Hello from index!

<div>
{{#link-to 'test' 1}}Go to test - passing params{{/link-to}}
</div>
<div>
{{#link-to 'test' testModel}}Go to test - passing model{{/link-to}}
</div>
<button {{action 'goTo'}}>Go to test - via `transitionTo` passing URL 'test/def'</button>

templates.test.hbs

This is test: {{model.id}}
<br>
{{#link-to 'application'}}Home{{/link-to}}

twiddle.json

{
  "version": "0.10.6",
  "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.9.0",
    "ember-data": "2.9.0",
    "ember-template-compiler": "2.9.0",
    "ember-testing": "2.9.0"
  },
  "addons": {}
}