Angular+JQ

by basarat

HTML

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
    =={{value1}}==
    =={{value2}}==
    =={{func()}}==
</div>

JavaScript

angular.module("myApp",[]);

function MyCtrl($scope,$q,$timeout){
    var firstCheck = false;
    var defer = $q.defer(); 
    
    $scope.value1=true;
    
    $scope.value2=defer.promise;
    
    $scope.func = function(){     
        if(!firstCheck){
            return "not passing first check";
        }
        return defer.promise;
    }
    
    $timeout(function(){ firstCheck = true; }, 1000);
    
    $timeout(function(){defer.resolve("resolved value"); }, 3000);
}