Namespace directives to futureproof

snapjay · Dec 4, 2014 · aa4f8c0 · aa4f8c0
1 parent 15a963b
commit aa4f8c0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -47,7 +47,7 @@ Something like this:
 Renders an 'Add To Cart' Button
 
 ```
-<addtocart id="{{ item.id }}" name="{{ item.name }}" price="{{ item.price }}" data="item">Add To Cart</addtocart>
+<ngcart-addtocart id="{{ item.id }}" name="{{ item.name }}" price="{{ item.price }}" data="item">Add To Cart</ngcart-addtocart>
 ```
 
 
@@ -66,7 +66,7 @@ Renders an 'Add To Cart' Button
 Renders a view of the cart
 
 ```
-<cart></cart>
+<ngcart-cart></ngcart-cart>
 ```
 
 
@@ -75,7 +75,7 @@ Renders a view of the cart
 
 Renders a summary  of the content of the cart (Typically used in the header bar of a website
 ```
-<summary></summary>
+<ngcart-summary></ngcart-summary>
 ```
 
 

diff --git a/src/ngCart.directives.js b/src/ngCart.directives.js
@@ -10,7 +10,7 @@ angular.module('ngCart.directives', [])
 
     }])
 
-    .directive('addtocart', ['ngCart', function(ngCart){
+    .directive('ngcartAddtocart', ['ngCart', function(ngCart){
         return {
             restrict : 'E',
             controller : 'CartController',
@@ -32,7 +32,7 @@ angular.module('ngCart.directives', [])
         };
     }])
 
-    .directive('cart', ['ngCart', function(ngCart){
+    .directive('ngcartCart', ['ngCart', function(ngCart){
         return {
             restrict : 'E',
             controller : 'CartController',
@@ -44,13 +44,13 @@ angular.module('ngCart.directives', [])
         };
     }])
 
-    .directive('summary', ['ngCart', function(ngCart){
+    .directive('ngcartSummary', ['ngCart', function(ngCart){
         return {
             restrict : 'E',
             controller : 'CartController',
             scope: {},
             transclude: true,
             templateUrl: 'template/ngCart/summary.html'
         };
-    }])
+    }]);
 
diff --git a/template/ngCart/summary.html b/template/ngCart/summary.html
@@ -16,6 +16,6 @@
     </div>
     <div class="col-md-6">{{ ngCart.totalItems() }}
         <ng-pluralize count="ngCart.totalItems()" when="{1: 'item', 'other':'items'}"></ng-pluralize>
-        <br/>{{ ngCart.totalCost() | currency }}
+        <br />{{ ngCart.totalCost() | currency }}
     </div>
 </div>