How to handle promises in AngularJS



Image not found!!

In AngularJS, promises are handled using the $q service. Promises are objects that represent the result of an asynchronous operation. They allow you to handle asynchronous operations in a more organized and readable manner. Here's how you can handle promises in AngularJS:

  1. Create a Promise: You can create a promise using the $q service's defer() method. This method returns an object with promise, resolve, and reject properties.
javascript
var deferred = $q.defer();
  1. Resolve and Reject: Inside an asynchronous operation (like an HTTP request), you can resolve or reject the promise based on the success or failure of the operation.
javascript
$http.get('/api/data')
    .then(function(response) {
        // Resolve the promise with the data
        deferred.resolve(response.data);
    })
    .catch(function(error) {
        // Reject the promise with an error
        deferred.reject(error);
    });
  1. Consuming Promises: To consume the promise, you can use the .then() method. This method takes two callback functions as arguments - one for success (resolve), and one for failure (reject).
javascript
deferred.promise
    .then(function(data) {
        // Handle successful result
        $scope.data = data;
    })
    .catch(function(error) {
        // Handle error
        console.error('Error occurred:', error);
    });
  1. Chaining Promises: You can chain promises using multiple .then() methods. This allows you to execute asynchronous operations sequentially.
javascript
$http.get('/api/data1')
    .then(function(response) {
        // Process data1
        return response.data;
    })
    .then(function(data1) {
        // Use data1 to make another request
        return $http.get('/api/data2');
    })
    .then(function(response) {
        // Process data2
        $scope.data = response.data;
    })
    .catch(function(error) {
        // Handle any errors in the chain
        console.error('Error occurred:', error);
    });

This is a basic overview of handling promises in AngularJS using the $q service. Promises are a fundamental concept in AngularJS for handling asynchronous operations and can greatly improve the readability and maintainability of your code.

Category List