change controllers to use NgController

Author: mhevery

Chapter_02/index.html

@@ -11,7 +11,9 @@ <h3>Recipe List</h3>
     <ul>
       <li class="pointer"
           ng-repeat="recipe in ctrl.recipes"
-          ng-click="ctrl.selectRecipe(recipe)">{{recipe.name}}</li>
+          ng-click="ctrl.selectRecipe(recipe)">
+        {{recipe.name}}
+      </li>
     </ul>
 
     <h3>Recipe Details</h3>

Chapter_02/main.dart

@@ -15,12 +15,12 @@ import 'package:perf_api/perf_api.dart';
  * The directive's public fields are available for data binding from the view.
  * Similarly, the directive's public methods can be invoked from the view.
  */
-@NgDirective(
+@NgController(
     selector: '[recipe-book]',
     publishAs: 'ctrl')
 class RecipeBookController {
 
-  List recipes;
+  List<Recipe> recipes;
   RecipeBookController() {
     recipes = _loadData();
   }
@@ -54,7 +54,7 @@ class RecipeBookController {
       new Recipe('My So-So Dessert','Desserts',
           ["Ingredient 1", "Ingredient 2"],
           "Some Directions", 3),
-          ];
+    ];
   }
 }
 

Chapter_03/main.dart

@@ -6,7 +6,7 @@ import 'package:perf_api/perf_api.dart';
 
 part 'rating_component.dart';
 
-@NgDirective(
+@NgController(
     selector: '[recipe-book]',
     publishAs: 'ctrl')
 class RecipeBookController {
@@ -46,7 +46,7 @@ class RecipeBookController {
       new Recipe('My So-So Dessert','Desserts',
           ["Ingredient 1", "Ingredient 2"],
           "Some Directions", 3),
-      ];
+    ];
   }
 }
 

Chapter_04/main.dart

@@ -23,7 +23,7 @@ class CategoryFilter {
   }
 }
 
-@NgDirective(
+@NgController(
     selector: '[recipe-book]',
     publishAs: 'ctrl')
 class RecipeBookController {

Chapter_05/main.dart

@@ -15,7 +15,7 @@ part 'recipe_book_router.dart';
 part 'view/view_recipe_component.dart';
 part 'view/search_recipe_component.dart';
 
-@NgDirective(
+@NgController(
     selector: '[recipe-book]',
     publishAs: 'ctrl')
 class RecipeBookController {