Completing refactor to Directives with scope property re #1

product-panels.html

@@ -16,6 +16,6 @@ <h4> Reviews </h4>
     <product-review ng-repeat="review in product.reviews"
         review="review"></product-review>
 
-    <product-review-form></product-review-form>
+    <product-review-form reviews="product.reviews"></product-review-form>
   </div>
 </aside>

product-review-form.html

@@ -1,18 +1,18 @@
 <form class="form-horizontal"
-    ng-submit="reviews.addReview(product.reviews)">
+    ng-submit="reviewer.addReview(reviews)">
   <product-review class="well live-preview"
-      ng-show="!reviews.review.isEmpty()"
-      review="reviews.review">
+      ng-show="!reviewer.review.isEmpty()"
+      review="reviewer.review">
   </product-review>
 
   <fieldset class="form-group">
     <label>Your Review:</label>
     <textarea class="form-control" rows="5"
-        ng-model="reviews.review.body"></textarea>
+        ng-model="reviewer.review.body"></textarea>
   </fieldset>
   <fieldset class="form-group">
     <label>Stars:</label>
-    <select ng-model="reviews.review.stars">
+    <select ng-model="reviewer.review.stars">
       <option value="5">5 stars</option>
       <option value="4">4 stars</option>
       <option value="3">3 stars</option>
@@ -23,7 +23,7 @@
   <fieldset class="form-group">
     <label>by:</label>
     <input type="email" placeholder="[email protected]"
-        ng-model="reviews.review.author">
+        ng-model="reviewer.review.author">
   </fieldset>
   <button type="submit" class="btn btn-primary pull-right">Submit</button>
 </form>

scripts/app.js

@@ -105,8 +105,11 @@
             this.review = new Review;
           }
         },
-        controllerAs: 'reviews',
+        controllerAs: 'reviewer',
         templateUrl: 'product-review-form.html',
+        scope: {
+          reviews: '='
+        }
       };
     })
   ; // END module(store)