Merge pull request #71 from financeCoding/use_ng_annotations

[chap7] use @ng annotations for binding

Author: kwalrath

Chapter_07/lib/component/search_recipe_component.dart

@@ -5,14 +5,13 @@ import 'package:angular/angular.dart';
 @NgComponent(
     selector: 'search-recipe',
     templateUrl: 'packages/angular_dart_demo/component/search_recipe_component.html',
-    publishAs: 'ctrl',
-    map: const {
-      'name-filter-string': '<=>nameFilterString',
-      'category-filter-map' : '<=>categoryFilterMap'
-    }
+    publishAs: 'ctrl'
 )
 class SearchRecipeComponent {
+  @NgTwoWay('name-filter-string')
   String nameFilterString = "";
+
+  @NgTwoWay('category-filter-map')
   Map categoryFilterMap;
 
   get categories {

Chapter_07/lib/component/view_recipe_component.dart

@@ -8,13 +8,12 @@ import 'package:angular/angular.dart';
     templateUrl: 'packages/angular_dart_demo/component/view_recipe_component.html',
     cssUrl: 'packages/angular_dart_demo/component/view_recipe_component.css',
     publishAs: 'ctrl',
-    map: const {
-      'recipe-map':'<=>recipeMap'
-    },
     exportExpressions: const['name']
 )
 class ViewRecipeComponent {
+  @NgTwoWay('recipe-map')
   Map<String, Recipe> recipeMap;
+
   String _recipeId;
 
   get recipe {

Chapter_07/lib/rating/rating_component.dart

@@ -30,11 +30,7 @@ import 'package:angular/angular.dart';
     selector: 'rating',
     templateUrl: 'packages/angular_dart_demo/rating/rating_component.html',
     cssUrl: 'packages/angular_dart_demo/rating/rating_component.css',
-    publishAs: 'ctrl',
-    map: const {
-      'max-rating' : '@maxRating',
-      'rating' : '<=>rating'
-    }
+    publishAs: 'ctrl'
 )
 class RatingComponent {
   String _starOnChar = "\u2605";
@@ -44,8 +40,10 @@ class RatingComponent {
 
   List<int> stars = [];
 
+  @NgTwoWay('rating')
   int rating;
 
+  @NgAttr('max-rating')
   set maxRating(String value) {
     stars = [];
     var count = value == null ? 5 : int.parse(value);

Chapter_07/lib/tooltip/tooltip_directive.dart

@@ -5,14 +5,13 @@ import 'dart:math';
 import 'package:angular/angular.dart';
 
 @NgDirective(
-    selector: '[tooltip]',
-    map: const {
-      'tooltip': '=>displayModel'
-    }
+    selector: '[tooltip]'
 )
 class Tooltip {
   dom.Element element;
   Scope scope;
+
+  @NgOneWay('tooltip')
   TooltipModel displayModel;
 
   dom.Element tooltipElem;