Name:
diff --git a/Chapter_01/web/main.dart b/Chapter_01/web/main.dart
index 9d3b812..7094cde 100644
--- a/Chapter_01/web/main.dart
+++ b/Chapter_01/web/main.dart
@@ -1,6 +1,13 @@
-import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
+import 'package:di/annotations.dart';
+
+@Injectable()
+class Greeter {
+ String name;
+}
void main() {
- applicationFactory().run();
+ applicationFactory()
+ .rootContextType(Greeter)
+ .run();
}
diff --git a/Chapter_02/README.md b/Chapter_02/README.md
index faac44f..8a94918 100644
--- a/Chapter_02/README.md
+++ b/Chapter_02/README.md
@@ -1,5 +1,2 @@
Recipe Book AngularDart application
-Illustrates how to create a basic Angular controller
-
-For a runnable version of this app, see this community-contributed demo:
-http://runnable.com/UvLw-HVhFtxBAAAf/angular-dart-tutorial-chapter-02
\ No newline at end of file
+Illustrates how to create a basic Angular component
diff --git a/Chapter_03/lib/recipe_book.dart b/Chapter_02/lib/component/recipe_book.dart
similarity index 64%
rename from Chapter_03/lib/recipe_book.dart
rename to Chapter_02/lib/component/recipe_book.dart
index 93a3b3e..4b281d9 100644
--- a/Chapter_03/lib/recipe_book.dart
+++ b/Chapter_02/lib/component/recipe_book.dart
@@ -1,15 +1,21 @@
-library recipe_book_controller;
+library recipe_book_component;
import 'package:angular/angular.dart';
-@Controller(
- selector: '[recipe-book]',
- publishAs: 'ctrl')
-class RecipeBookController {
+/* The selector field defines the CSS selector that will trigger the component. It can be any valid
+ * CSS selector which does not cross element boundaries.
+ *
+ * The component's public fields are available for data binding from the view.
+ * Similarly, the component's public methods can be invoked from the view.
+ */
+@Component(
+ selector: 'recipe-book',
+ templateUrl: 'recipe_book.html')
+class RecipeBookComponent {
Recipe selectedRecipe;
- List recipes;
+ List recipes;
- RecipeBookController() {
+ RecipeBookComponent() {
recipes = _loadData();
}
@@ -45,12 +51,11 @@ class RecipeBookController {
}
class Recipe {
- String name;
- String category;
- List ingredients;
- String directions;
+ final String name;
+ final String category;
+ final List ingredients;
+ final String directions;
int rating;
- Recipe(this.name, this.category, this.ingredients, this.directions,
- this.rating);
+ Recipe(this.name, this.category, this.ingredients, this.directions, this.rating);
}
diff --git a/Chapter_02/lib/component/recipe_book.html b/Chapter_02/lib/component/recipe_book.html
new file mode 100644
index 0000000..f2b618f
--- /dev/null
+++ b/Chapter_02/lib/component/recipe_book.html
@@ -0,0 +1,21 @@
+