Directive to directive communication

jonotron · jonotron · commit f939d17ed686 · 2013-02-17T06:07:17.000-08:00
diff --git a/directive2directive.html b/directive2directive.html
@@ -0,0 +1,21 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+
+  <title>Directive to Directive</title>
+
+  <link rel="stylesheet" href="vendor/zurb/foundation/stylesheets/foundation.css" type="text/css" media="screen" charset="utf-8">
+  
+</head>
+
+<body ng-app="superApp">
+
+  <superhero flight speed strength>Superman</superhero>
+  <superhero speed>The Flash</superhero>
+  <superhero strength>The Hulk</superhero>
+
+<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
+<script src="directive2directive.js"></script>
+</body>
+</html>
diff --git a/directive2directive.js b/directive2directive.js
@@ -0,0 +1,56 @@
+var app = angular.module('superApp', []);
+
+app.directive('superhero', function() {
+  return {
+    restrict: 'E',
+    scope: {},
+
+    controller: function($scope) {
+      $scope.abilities = [];
+
+      this.addStrength = function() {
+        $scope.abilities.push('strength'); 
+      } 
+
+      this.addSpeed = function() {
+        $scope.abilities.push('speed'); 
+      }
+
+      this.addFlight = function() {
+        $scope.abilities.push('flight'); 
+      }
+    },
+
+    link: function(scope, element) {
+      element.addClass('button');
+      element.bind('mouseenter', function() {
+        console.log(scope.abilities) 
+      });
+    }
+  }
+});
+
+app.directive('strength', function() {
+  return {
+    require: "superhero",
+    link: function(scope, element, attrs, superheroCtrl) {
+      superheroCtrl.addStrength(); 
+    }
+  }
+})
+app.directive('speed', function() {
+  return {
+    require: "superhero",
+    link: function(scope, element, attrs, superheroCtrl) {
+      superheroCtrl.addSpeed(); 
+    }
+  }
+})
+app.directive('flight', function() {
+  return {
+    require: "superhero",
+    link: function(scope, element, attrs, superheroCtrl) {
+      superheroCtrl.addFlight(); 
+    }
+  }
+})
