Base Angular 1.1.4 Fiddle

AngularJS 1.1.4 Includes jQuery http://stackoverflow.com/questions/16366516/angular-bind-to-function-that-returns-a-promise

by BinaryMuse

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller='MainController'>
    <span ng-show="loggedIn()">Logged in!</span>
  </div>
</div>

JavaScript

// Base AngularJS 1.1.4 Fiddle + jQuery
// http://stackoverflow.com/questions/16366516/angular-bind-to-function-that-returns-a-promise

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

app.factory('sessionService', function($q, $timeout) {
  var deferred = null;
  return {
    isLoggedIn: function() {
      if (!deferred) {
        deferred = $q.defer();
            
        $timeout(function() {
          deferred.resolve(false);
        }, 2500);
      }
      
      return deferred.promise;
    }
  }
});

app.controller('MainController', function($scope, sessionService) {
  $scope.loggedIn = sessionService.isLoggedIn;
});