Angular: Empty Fiddle

http://angularjs.org/

by kman007_us

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <button ng-click="test()">test $q</button>
</div>

JavaScript

// from https://docs.angularjs.org/api/ng/service/$q

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

function MyCtrl($scope, $q, $rootScope, $timeout) {
    $scope.test = function() {
        var deferred = $q.defer();
        var promise = deferred.promise;
        var resolvedValue;
        
        promise.then(function(value) { resolvedValue = value; }).then(function() { "console 2nd successful promise call" });

        console.log("resolvedValue:", resolvedValue);
        deferred.resolve(1234);
                
        console.log("resolvedValue post-`deferred.resolve(1234)`: ", resolvedValue);
        
        $timeout( function() { console.log("2.5 seconds later.. resolvedValue:", resolvedValue) }, 2500);
    }
}