Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">

</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope,$q,$http) {
 function callParent(i, n) {
    if (i > n) {
        return;
    }
    console.log("call" + i);
    parent().then(function() {
        callParent(++i, n);
    })
}

function child() {
    var defer = $q.defer();
    $http.get("/echo/json/").then(function(res1) {
        console.log("Got child data");
        defer.resolve("Got child data");
    })
    return defer.promise;
}

function parent() {
    var defer = $q.defer();
    $http.get("/echo/json/").then(function(res1) {
        console.log("Got Parent data");
        child().then(function() {
            defer.resolve("Got Parent data");
        })
    })
    return defer.promise;
}
var n = 10;
callParent(1, n);
}