Example routes

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  
});

models.bond.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  msg: attr('string')
});

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('bonds', function() {
       this.route('bond' , { path : '/:id'},  function() {          
         this.route('edit');
       });
       this.route('new');
     });
});

export default Router;

/*
routes/deal/bonds/index          (listing bonds)
routes/deal/bonds/new            (create bond)
routes/deal/bonds/bond/index     (view bond)
routes/deal/bonds/bond/edit      (edit bond)
*/

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  beforeModel(){
  	this.get('store').createRecord('bond',{ id: '1', msg: 'James Bond' });
    this.get('store').createRecord('bond',{ id: '2', msg: 'Eleanor Bond'});
  }
});

routes.bonds.bond.js

import Ember from 'ember';

export default Ember.Route.extend({
});

routes.bonds.js

import Ember from 'ember';

export default Ember.Route.extend({
  model(){
  	return this.get('store').peekAll('bond');
  }
});

templates.application.hbs

{{outlet}}

templates.bonds.bond.edit.hbs

<h3>Bonds/:id/edit route</h3>
{{#link-to "bonds.bond" model}}back{{/link-to}}<br><br>
<input type="text" value={{model.msg}} oninput={{action (mut model.msg) value="target.value"}}>

templates.bonds.bond.hbs

{{outlet}}

templates.bonds.bond.index.hbs

<h3>Bonds/:id route</h3>
{{#link-to "bonds"}}back{{/link-to}} | 
{{#link-to "bonds.bond.edit" model}}edit{{/link-to}}
<br><br>
model id: {{model.id}}<br>
model msg: {{model.msg}}

templates.bonds.hbs

{{outlet}}

templates.bonds.index.hbs

<h3>Bonds route</h3>
{{#link-to "bonds.new"}}new{{/link-to}}<br>
<h4>Bonds</h4>
{{#each model as |bond|}}
	{{#link-to "bonds.bond" bond}}{{bond.msg}}{{/link-to}}<br>
{{/each}}

templates.bonds.new.hbs

<h3>Bonds/new route</h3>
{{#link-to "bonds"}}back{{/link-to}}

templates.index.hbs

<h3>Application route</h3>
{{#link-to "bonds"}}bonds{{/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": {}
}