Adding tutorial on AngularJS Directive restrictions.

K.C. Hunter · K.C. Hunter · commit 0d2305ffc4ba · 2014-11-19T20:55:02.000-05:00
diff --git a/src/angularjstutorial.js b/src/angularjstutorial.js
@@ -1,7 +1,51 @@
 /* use strict */
 var app = angular.module('MyApp', []);
 
-app.controller('ShieldCtrl', function ($scope)
+app.directive('restrictions', function ()
+{
+	return {
+		restrict: 'A',
+		link: function ()
+		{
+			console.log('I am an attribute');
+		}
+	}
+})
+
+.directive('elementrest', function ()
+{
+	return {
+		restrict: 'E',
+		link: function ()
+		{
+			console.log('I am an element');
+		}
+	}
+})
+
+.directive('classrest', function ()
+{
+	return {
+		restrict: 'C',
+		link: function ()
+		{
+			console.log('I am a class');
+		}
+	}
+})
+
+.directive('commentsrest', function ()
+{
+	return {
+		restrict: 'M',
+		link: function ()
+		{
+			console.log('I am a comment restriction');
+		}
+	}
+})
+
+.controller('ShieldCtrl', function ($scope)
 {
 	$scope.shieldNames = [];
 
diff --git a/src/index.html b/src/index.html
@@ -13,6 +13,17 @@
 <body>
 
 	<div class="mainContainer" data-ng-app="MyApp">
+
+		<div restrictions>Attribute Restriction</div>
+
+		<elementrest>Element Restriction</elementrest>
+
+		<div class="classrest">Class Restriction</div>
+
+		<!-- directive:commentsrest -->
+		<div></div>
+
+
 		<walterwhite message="I am Heisenberg" class="btn btn-default">
 			
 		</walterwhite>
diff --git a/src/resources/js/myApp.js b/src/resources/js/myApp.js
@@ -1,7 +1,51 @@
 /* use strict */
 var app = angular.module('MyApp', []);
 
-app.controller('ShieldCtrl', function ($scope)
+app.directive('restrictions', function ()
+{
+	return {
+		restrict: 'A',
+		link: function ()
+		{
+			console.log('I am an attribute');
+		}
+	}
+})
+
+.directive('elementrest', function ()
+{
+	return {
+		restrict: 'E',
+		link: function ()
+		{
+			console.log('I am an element');
+		}
+	}
+})
+
+.directive('classrest', function ()
+{
+	return {
+		restrict: 'C',
+		link: function ()
+		{
+			console.log('I am a class');
+		}
+	}
+})
+
+.directive('commentsrest', function ()
+{
+	return {
+		restrict: 'M',
+		link: function ()
+		{
+			console.log('I am a comment restriction');
+		}
+	}
+})
+
+.controller('ShieldCtrl', function ($scope)
 {
 	$scope.shieldNames = [];
 
