Add routing support by setting a context filter.

`TodosController` will filter the content based on router's filter.

dependency-examples/emberjs_require/js/app/controllers/todos.js

@@ -6,8 +6,22 @@ define('app/controllers/todos', [ 'ember' ],
 	 */
 	function() {
 		return Ember.Controller.extend({
+			entries: function() {
+				var filter = this.getPath( 'content.filterBy' );
 
+				if ( Ember.empty( filter ) ) {
+					return this.get( 'content' );
+				}
+
+				if ( !Ember.compare( filter, 'completed' ) ) {
+					return this.get( 'content' ).filterProperty( 'completed', true );
+				}
+
+				if ( !Ember.compare( filter, 'active' ) ) {
+					return this.get( 'content' ).filterProperty( 'completed', false );
+				}
 
+			}.property( 'content.remaining' )
 		});
 	}
 );

dependency-examples/emberjs_require/js/app/router.js

@@ -20,7 +20,10 @@ define('app/router', [ 'ember' ],
 					connectOutlets: function( router ) {
 						var controller = router.get( 'applicationController' );
 						var context = controller.namespace.entriesController;
+						context.set( 'filterBy', '' );
 
+						// This require was left here exclusively for design purposes
+						// Loads decoupled controller/view based on current route
 						require([ 'app/controllers/todos', 'app/views/items' ],
 							function( TodosController, ItemsView ) {
 								controller.connectOutlet({
@@ -30,15 +33,52 @@ define('app/router', [ 'ember' ],
 								});
 							}
 						);
+
 					}
 				}),
 
 				active: Ember.Route.extend({
 					route: '/active',
+					connectOutlets: function( router ) {
+						var controller = router.get( 'applicationController' );
+						var context = controller.namespace.entriesController;
+						context.set( 'filterBy', 'active' );
+
+						// This require was left here exclusively for design purposes
+						// Loads decoupled controller/view based on current route
+						require([ 'app/controllers/todos', 'app/views/items' ],
+							function( TodosController, ItemsView ) {
+								controller.connectOutlet({
+									viewClass: ItemsView,
+									controller: TodosController.create(),
+									context: context
+								});
+							}
+						);
+
+					}
 				}),
 
 				completed: Ember.Route.extend({
 					route: '/completed',
+					connectOutlets: function( router ) {
+						var controller = router.get( 'applicationController' );
+						var context = controller.namespace.entriesController;
+						context.set( 'filterBy', 'completed' );
+
+						// This require was left here exclusively for design purposes
+						// Loads decoupled controller/view based on current route
+						require([ 'app/controllers/todos', 'app/views/items' ],
+							function( TodosController, ItemsView ) {
+								controller.connectOutlet({
+									viewClass: ItemsView,
+									controller: TodosController.create(),
+									context: context
+								});
+							}
+						);
+
+					}
 				}),
 
 				specs: Ember.Route.extend({

dependency-examples/emberjs_require/js/app/views/items.js

@@ -10,7 +10,7 @@ define('app/views/items', [
 	 */
 	function( items_html ) {
 		return Ember.CollectionView.extend({
-			contentBinding: 'controller.content',
+			contentBinding: 'controller.entries',
 			tagName: 'ul',
 			elementId: 'todo-list',
 			itemViewClass: Ember.View.extend({