var app = angular.module('plunker', []);
app.controller('MainCtrl', function($q, $scope) {
$scope.name1 = 'fail';
function asyncGreet(name) {
var deferred = $q.defer();
if ($scope.name1 == 'success') {
$scope.name1 = 'RESOLVED SUCCESS';
deferred.resolve('GOOD');
} else if($scope.name1 == 'fail'){
$scope.name1 = 'FUNCTION CALL PROMISE $Q REJECT FAILLLLLLLLLLLLLLLLEDDDDDDD';
deferred.reject('BAD');
}
console.log('nitin')
return deferred.promise;
}
var promise = asyncGreet('Robin Hood');
promise.then(function(greeting) {
//alert('Success: ' + greeting);
}, function(reason) {
//alert('Failed: ' + reason);
}, function(update) {
// alert('Got notification: ' + update);
});
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.0.x" src="http://code.angularjs.org/1.0.7/angular.min.js" data-semver="1.0.7"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>{{name1}}</p>
</body>
</html>
/* Put your css in here */