Angular+JQ+Bootstrap

by basarat

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-controller="Ctrl1">    
</div>

JavaScript

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

app.factory('service', function($q, $timeout) {
    
    var defered = $q.defer();
    var promise = defered.promise; 
    
    promise.then(function(x){
        console.log(x);
        var def2 = $q.defer(); 
        $timeout(function(){def2.resolve('foo')},100);
        return def2.promise; // Return a promise 
    })
    .then(function(x){
        // x is not a promise, its a string
        console.log(x,typeof x); 
    });
    
    defered.resolve('boo'); 
    
});

app.controller('Ctrl1',function(service){});