add 'directive_communication' branch. Children directives calling parent directives' controllers

Author: chrisg220

egghead/index.html

@@ -11,7 +11,11 @@
   <h1>Angular</h1>
 
   <div ng-app="app">
-    <div ng-controller="AppCtrl"></div>
+    <country>
+      <state>
+        <city></city>
+      </state>
+    </country>
   </div>
 
   <script src="js/angular.js"></script>

egghead/js/app.js

@@ -1,25 +1,37 @@
 // Define an App
 var app = angular.module('app', []);
 
-app.controller('AppCtrl', function($scope, $q) {
-
-  var defer = $q.defer();
-
-  defer.promise
-    .then(function(weapon) {
-      alert('You can have my ' + weapon);
-
-      return 'bow';
-    })
-    .then(function(weapon) {
-      alert('And my ' + weapon);
-
-      return 'axe';
-    })
-    .then(function(weapon) {
-      alert('As well as my ' + weapon);
-    })
+app.directive('country', function() {
+  return {
+    restrict: 'E',
+    controller: function() {
+      this.makeAnnouncement = function(message) {
+        console.log('Country says: ' + message);
+      }
+    }
+  };
+});
 
-  defer.resolve('sword');
+app.directive('state', function() {
+  return {
+    restrict: 'E',
+    require: '^country',
+    controller: function() {
+      this.makeLaw = function(law) {
+        console.log('Law: ' + law);
+      }
+    },
+    link: function(scope, element, attrs, countryCtrl) {}
+  };
+});
 
+app.directive('city', function() {
+  return {
+    restrict: 'E',
+    require: ['^country', '^state'],
+    link: function(scope, element, attrs, ctrls) {
+      ctrls[0].makeAnnouncement('from city');
+      ctrls[1].makeLaw('Jump higher');
+    }
+  };
 });