Run code once ngResource callback is completed

Question

Run code once ngResource callback is completed

In my controller, I have a function for creating resources with ngResource

app.controller 'CalculationsCtrl', ($scope, Calculation)->

  $scope.save = ()->
    $scope.busy = true
    Calculation.create($scope.calculation,
      (successResult)->
        console.log ("sucess")
      , (failResult)->
        console.log ("failure")

    console.log("code after callbacks")
    $scope.busy = false

After the callbacks of .create are executed, I want to run the code below

console.log("code after callbacks")

.

I attempted using .then but it appears that ngResource does not support it.

Calculation.create(...).then is not a function

.

Is there an equivalent method to .then for ngResource?

javascript ruby-on-rails angularjs angularjs-rails

Answer 1

Answer №1

When using the $resource instance (such as Calculation in this case), there is a $promise property available which allows you to use .then like so:

Calculation.create($scope.calculation).then(function (response) {
    ...
});

You can refer to the last example in the documentation for further clarification.

Answer 2

When using the $resource instance (such as Calculation in this case), there is a $promise property available which allows you to use .then like so:

Calculation.create($scope.calculation).then(function (response) {
    ...
});

You can refer to the last example in the documentation for further clarification.

Answer 3

Answer №2

With Angular $resource, you can work with promises and utilize the .then method.

Calculation.create().$promise.then( function( result ) {
    console.log("Operation successful");
}, function( issue ) {
    console.log("Encountered error");
);

Answer 4

With Angular $resource, you can work with promises and utilize the .then method.

Calculation.create().$promise.then( function( result ) {
    console.log("Operation successful");
}, function( issue ) {
    console.log("Encountered error");
);

Answer 5

Answer №3

The error "Calculation.create(...).then is not a function." occurs when callbacks return strings instead of server responses, as seen in the <code>console.log

output.

It is essential for the callback to return the server response.

In the app controller 'CalculationsCtrl', there is a function defined with parameters ($scope, Calculation).

  $scope.save = ()->
    $scope.busy = true
    Calculation.create($scope.calculation,
      (successResult)->
        console.log ("success")
        successResult
      , (failResult)->
        console.log ("failure")
        failResult
    ).$promise.then(
       function(success){$scope...}, 
       function(fail){$scope...}
     )

Answer 6

The error "Calculation.create(...).then is not a function." occurs when callbacks return strings instead of server responses, as seen in the <code>console.log

output.

It is essential for the callback to return the server response.

In the app controller 'CalculationsCtrl', there is a function defined with parameters ($scope, Calculation).

  $scope.save = ()->
    $scope.busy = true
    Calculation.create($scope.calculation,
      (successResult)->
        console.log ("success")
        successResult
      , (failResult)->
        console.log ("failure")
        failResult
    ).$promise.then(
       function(success){$scope...}, 
       function(fail){$scope...}
     )

Run code once ngResource callback is completed

Answer №1

Answer №2

Answer №3

Similar questions

Tips for eliminating the "#" symbol from a URL in AngularJS

What caused the failure of the ++ operator in production mode?

The console correctly detects the value, but is unable to set the innerHTML property of null

Keep track of the user's email address as they complete the form

Receiving Accurate JSON Data in PHP

Having difficulties persisting information from freshly generated input fields with the "Add" button to the database

Guide on fixing a parent div's position for a specific duration using the scrollorama plugin

Obtaining the offspring of a component utilizing an attribute guidance

Tips for positioning a modal in the center specifically for zoomed-in mobile devices

Display a still image initially, then switch it out with an animated GIF once the GIF has finished loading

Is there a way to transform individual data into a collective group dataset?

Having trouble with installing NPM and ng commands, neither of them is working. I may have to uninstall everything and begin from scratch

Avoiding the impact of internal iframe positional shifts on browser history

How to rotate a SVG transformation matrix around its center point

I am looking to include an SVG icon, like a separate React component, within the "title" parameter of a React-Bootstrap Drop Down

I'm looking for a solution to pass a PHP object as a parameter in JavaScript within an HTML environment,

Unique tooltip when hovering over a div element and an image contained within the div

PugJS is failing to properly interpolate numbers from the JSON file

What is the process for creating two columns with an input box beneath them?

Updating Mapped Components with Selected State