Nested route behavior w/o view nesting

nested-routes.js

// router.js
Router.map(function () {
  this.resource('employee', { path: 'employees/:id' }, function () {
    this.route('index', { path: '/' });
    this.route('edit');
  });

  this.resource('employee.dependent', { path: 'employees/:employeeid/dependents/:dependentid' }, function () {
    this.route('index', { path: '/' });
    this.route('edit');
  });
});

// employee/dependent.js
import Ember from 'ember';

export default Ember.Route.extend({
  model: function ( params ) {
    return this.store.find('employee', params.employeeid).then(function ( employee ) {
      return employee.get('dependents').findBy('id', params.dependentid);
    });
  }
});

// {{#link-to 'employee.dependent' employee.id dependent.id}}{{/link-to}}