adds attribute directives

zafarali · Jun 17, 2014 · 403aad1 · 403aad1
1 parent fa0b6c1
commit 403aad1
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/03-1-directives.html b/03-1-directives.html
@@ -13,17 +13,28 @@
 		var app = angular.module("myApp", []);
 		app.directive("calculator", function(){
 			return {
-				restrict : "E",
+				restrict : "E",//E for element
 				template:"<img src='http://www.stat.osu.edu/~stated/images/calculator.gif'>"
 			};
 		});
+
+		app.directive("leak", function(){
+			return {
+				restrict:"A",//A for attribute
+				link:function(){
+					alert("spray!");
+				}
+			}
+		});
 	</script>
 
 </head>
 <body ng-app="myApp">
 <div id="wrapper">
 	<calculator></calculator><br />
-	<calculator></calculator>
+	<!--Here we give our calculator attribute the leak attribute which executes the linking function.
+	We could have just as well added the attribute to any other element-->
+	<calculator leak></calculator>
 </div>
 </body>
 </html>