SO - Return Promise

by Jeremy Likness

HTML

<div ng-app="myApp" ng-controller="myController"> 
    {{result | json}}
</div>

JavaScript

var app = angular.module("myApp", []);
app.service("myService", function($q, $timeout) {
    return {
        getData: function() {
            var deferral = $q.defer(); 
            $timeout(function() {
            deferral.resolve({ 
                id: 1, 
                status: "Returned from service.", 
                promiseComplete: true });
            }, 2000);
            return deferral.promise;
        }
    };
});
app.controller("myController", function($scope, myService) {
    var result = { status: "Initialized." };
    $scope.result = result; 
    myService.getData().then(function(data) { $scope.result = data; });
});