JSFiddle - React, Tailwind, and code Playground

by Eugene Krevenets

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/q.js/0.9.2/q.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
<div ng-app>
    <div ng-controller="TestCtrl">
        <div>text : {{text}}</div>
        <div>textOnTimeout : {{textOnTimeout}}</div>
    </div>
</div>

JavaScript

function TestCtrl($scope, $q, $timeout) {
    $scope.text = getImediatlyPromise();    
    $scope.textOnTimeout = getPromiseOnTimeout();
    
    function getImediatlyPromise() {
        var defer = $q.defer();
        defer.resolve('hello World!');
        return defer.promise;
    }    
    
    function getPromiseOnTimeout() {
        var defer = $q.defer();
        $timeout(function() {
            defer.resolve('hello World!');
        }, 0);
        return defer.promise;
    }
}