Receiving a commitment from an Angular Resource

Question

Receiving a commitment from an Angular Resource

When working with $resource in Angular for CRUD operations, I'm encountering some confusion regarding the usage of different resource methods.

From what I've observed, the "regular" methods like save() and get() appear to execute synchronously. If you need asynchronous behavior, you can provide a callback function to run upon completion. Additionally, each method's result includes a $promise property that returns a promise, enabling asynchronous handling (which is my preferred approach).

However, there also exist $ versions of these methods, except for get() and query(). I am puzzled by the absence of $get() or $query() and wonder if these $ methods serve as shortcuts for .$promise.

javascript angularjs promise angular-resource

Answer 1

Answer №1

It's quite a challenge to grasp the documentation for ngResource. Essentially, you must distinguish between

class actions (methods of $resource) and
instance actions (methods of instances of $resource)

For example, class actions like

var User = $resource('/user/:userId', {userId:'@id'});
User.get({userId:123}, function(user) {
  user.abc = true;
  user.$save();
});

come with an added property $promise that is resolved upon receiving data from the $http request. This is why it can be expressed as:

User.get({userId:123})
    .$promise.then(function(user) {
      $scope.user = user;
    });

as mentioned in the docs:

Once the server responds with data, the object becomes an instance of the resource class. Actions such as save, remove, and delete are accessible as methods with the $ prefix. This simplifies performing CRUD operations (create, read, update, delete) on server-side data like so:

This explains why user.$save(); can be triggered on the instance in the aforementioned example.

Answer 2

It's quite a challenge to grasp the documentation for ngResource. Essentially, you must distinguish between

class actions (methods of $resource) and
instance actions (methods of instances of $resource)

For example, class actions like

var User = $resource('/user/:userId', {userId:'@id'});
User.get({userId:123}, function(user) {
  user.abc = true;
  user.$save();
});

come with an added property $promise that is resolved upon receiving data from the $http request. This is why it can be expressed as:

User.get({userId:123})
    .$promise.then(function(user) {
      $scope.user = user;
    });

as mentioned in the docs:

Once the server responds with data, the object becomes an instance of the resource class. Actions such as save, remove, and delete are accessible as methods with the $ prefix. This simplifies performing CRUD operations (create, read, update, delete) on server-side data like so:

This explains why user.$save(); can be triggered on the instance in the aforementioned example.

Receiving a commitment from an Angular Resource

Answer №1

Similar questions

I'm unsure how to utilize the generic type in this particular scenario. It's a bit confusing to me

Locating the exact position of a DOM node within the source document

I am interested in developing a JavaScript program that can calculate multiples of 0.10

"Retrieve the position of a contenteditable element while also considering HTML

Scripting events in JavaScript/jQuery are failing to trigger on elements located inside nested <div> containers

Getting just the main nodes from Firebase using Angularfire

Guide on retrieving the response headers with jQuery and AJAX

Error arising from attempting to compile React animations for a specific component, rc

Encountered an error trying to access the length property of an undefined variable while passing props

Suggestions for improving the smoothness of the Bootstrap toggle hide/show feature

An issue with the JSON format encountered in the D3 pack layout

Even after dynamically removing the class from the element, the Click event can still be detected

Unlocking the secrets of obtaining post values using Body-parser in your Express Node.js application

Utilizing service-based global objects in Angular applications

Utilizing a function argument within the :not() selector

Error encountered: The use of 'import' and 'export' is limited to 'sourceType: module' when attempting to install Tweakpane

The ng-click event in AngularJS does not function as expected when nested within another ng-repeat loop

extracting values from deeply nested JSON array in JavaScript

Adjusting the size of an element in Angular JS as a textarea expands

The functionality of the AngularJS UI-Router seems to be impaired following the minification of