Often, controllers will need to access other controllers' properties and models. This is especially important when you have nested resources. In this recipe, we'll take a look at a nested controller that needs access to the parent controller's model and properties.
In a new application, generate a couple of new routes and templates:
$ ember g route foo1 $ ember g route foo1/foo2 $ ember g controller foo1 $ ember g controller foo1/foo2 $ ember g template index
This generates the
foo1
andfoo2
routes and controllers. Thefoo2
route is a nested route. The index template will contain links.Verify in the
router.js
file that all the routes have been created correctly:// app/router.js import Ember from 'ember'; import config from './config/environment'; const Router = Ember.Router.extend({ location: config.locationType }); Router.map(function() { this.route('foo1', function() { this.route('foo2'); }); }); export default Router...