promises (chaining promises)

Author: chrisg220

egghead/index.html

@@ -11,24 +11,10 @@
   <h1>Angular</h1>
 
   <div ng-app="app">
-
-    <input type="text" ng-model="model.prop1"> <br/>
-    <input type="text" ng-model="model.prop2"> <br/>
-    <input type="text" ng-model="model.prop3">
-
-    <zippy attrfoo="{{model.prop1}}" attrbar="{{model.prop2}}">     <!-- grabs data from chrisProp -->
-      <!-- NOTE: content that is transcluded has access to parent scope.
-           This is how model.content is available to the view
-      -->
-      <p>Third input is : "{{model.prop3}}". First input is "{{model.prop1}}".</p>
-    </zippy>
-
+    <div ng-controller="AppCtrl"></div>
   </div>
 
-
   <script src="js/angular.js"></script>
   <script src="js/app.js"></script>
-
-
 </body>
 </html>

egghead/js/app.js

@@ -1,27 +1,25 @@
 // Define an App
 var app = angular.module('app', []);
 
-app.directive('zippy', function() {
-  return {
-    restrict: 'E',
-    transclude: true,
-    scope: {
-      attrfoo: '@',
-      attrbar: '@'
-    },
-    templateUrl: 'templates/zippy_template.html',
+app.controller('AppCtrl', function($scope, $q) {
 
-    link: function(scope) {
-      scope.isContentVisible = false;
+  var defer = $q.defer();
 
-      scope.toggleContent = function() {
-        scope.isContentVisible = !scope.isContentVisible;
-        console.log('toggleContent Fired');
-      };
+  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);
+    })
+
+  defer.resolve('sword');
 
-      scope.myFunc = function() {
-        console.log('myfunct Fired');
-      };
-    }
-  };
 });