minor application tweaks

Author: petebacondarwin

app/app.js

@@ -8,7 +8,6 @@ angular.module('app', ['ngComponentRouter', 'dialog', 'heroes', 'crisis-center']
   $rootRouter.config([
     { path: '/...', name: 'App', component: 'app', useAsDefault: true }
   ]);
-  $rootRouter.navigate(['App']);
 })
 
 .component('app', {
@@ -21,6 +20,6 @@ angular.module('app', ['ngComponentRouter', 'dialog', 'heroes', 'crisis-center']
   $routeConfig: [
     {path: '/crisis-center/...', name: 'CrisisCenter', component: 'crisisCenter', useAsDefault: true},
     {path: '/heroes/...', name: 'Heroes', component: 'heroes'},
-    {path: '/disaster', name: 'Asteroid', redirectTo: ['CrisisCenter', 'CrisisDetail', {id:3}]}
+//    {path: '/disaster', name: 'Asteroid', redirectTo: ['CrisisCenter', 'CrisisDetail', {id:3}]}
   ]
 });

app/heroes.js

@@ -13,7 +13,8 @@ angular.module('heroes', [])
 
   .component('heroList', {
     template:
-      '<div ng-repeat="hero in $ctrl.heroes">\n' +
+      '<div ng-repeat="hero in $ctrl.heroes" ' +
+      '     ng-class="{ selected: $ctrl.isSelected(hero) }">\n' +
         '<a ng-link="[\'HeroDetail\', {id: hero.id}]">{{hero.name}}</a>\n' +
       '</div>',
     controller: HeroListComponent
@@ -61,33 +62,29 @@ function HeroService($q) {
 
 function HeroListComponent(heroService) {
   var _selectedId = null;
-  var ctrl = this;
+  var $ctrl = this;
 
   this.$routerOnActivate = function(next) {
     // Load up the heroes for this view
     heroService.getHeroes().then(function(heroes) {
-      ctrl.heroes = heroes;
+      $ctrl.heroes = heroes;
       _selectedId = next.params.id;
     });
   };
 
   this.isSelected = function(hero) {
     return (hero.id == _selectedId);
   };
-
-  this.onSelect = function(hero) {
-    this.$router.navigate(['HeroDetail', { id: hero.id }]);
-  };
 }
 
 function HeroDetailComponent(heroService) {
-  var ctrl = this;
+  var $ctrl = this;
 
   this.$routerOnActivate = function(next) {
     // Get the hero identified by the route parameter
     var id = next.params.id;
     heroService.getHero(id).then(function(hero) {
-      ctrl.hero = hero;
+      $ctrl.hero = hero;
     });
   };