Angular equivalent of .done in jquery

Question

I cannot find an alternative solution to what I am trying to do, lets say I have this code in jquery:

$.get 'file.json', (re) ->
   for k, v in re
      tpl = "<div>{{v.content}}</div>";
      $ '#container'.append tpl
 .done () ->
     impress().init()

That works fine because, .done executes the code only after the ajax, but angular seems like don't have some like .done, and impress().init() cannot reinitialize when the content was loaded, therefore there will be a mistake on data binding..

Here is my attempt on angular

App.controller 'SomeCtrl', ($scope, $http) ->
   $http.get('file.json')
   .success (res) ->
      $scope.slides = res
   #what could possibly be in here

Michael Benford · Answer 1 · 2013-09-12T04:36:00.920

2

You can call then after success:

$http.get('file.json')
  .success(function(data) {
    console.log('success');
  })
  .then(function() {
    console.log('success again');
  });

Here's an example.

edited Sep 12 '13 at 04:36

answered Sep 12 '13 at 04:26

Michael Benford

14,044
3
60
60

But what if the result is `error` and not `success`? jQuery's `done` is useful because it will run after either case. Does Angular.js include something similar? – dumbledad Dec 11 '14 at 12:43
@dumbledad From Angular 1.2 on you can use `finally` to catch either a success or an error. – Michael Benford Dec 11 '14 at 17:11

score 1 · Answer 2 · answered Sep 12 '13 at 04:16

1

Angularjs has methods for success and error. Read the documentation

 $http({method: 'GET', url: '/someUrl'}).
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

answered Sep 12 '13 at 04:16

Khawer Zeshan

9,470
6
40
63

jQuery also has both of them. `done` is useful because it gives a place to put code that will run after either success or error. – dumbledad Dec 11 '14 at 12:42

score 1 · Answer 3 · edited May 23 '17 at 12:27

Looking a similar question, in one of the answers Benjamin Gruenbaum suggests using .always which is provided on all promises (including the return value from $http.get). He includes a useful code example on fiddle:

HTML:

<div ng-controller="Ctrl">
  {{data}}
</div>

JavaScript:

var myApp = angular.module('myApp', []);
var data = {hello:"World!"};
function Ctrl($scope, $http) {
    $http.post('/echo/json/', 'json=' + encodeURIComponent(angular.toJson(data)), {
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
        }
    }).always(function(data) {
         alert("HI");  
    });
}

Benjamin notes that .always has been superseded by .finally. Here's a fiddle using .finally and the latest Angular.js.

HTML:

<div ng-controller="MyCtrl">Hello, {{name}}!</div>

JavaScript:

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

myApp.controller('MyCtrl', ['$scope', '$http', function ($scope, $http) {
    $scope.name = 'Superhero';
    $http.get('/echo/json/').
    success(function() {
        $scope.name = 'Sidekick';
        }).  
    finally(function() {
         alert($scope.name);  
    });
}]);

(N.B. Here's the documentation, and nfiniteloop's answer to $q 'finally' not working in IE8 may also be useful.)

Angular equivalent of .done in jquery

3 Answers3

Linked