Can ngResource be invoked synchronously?

Question

Can ngResource be invoked synchronously?

I am currently utilizing a factory to retrieve a configuration file for my project.

  m.factory('clientConfig', function($resource) {
    var r;
    r = $resource('assets/config.json', {}, {
      query: {
        method: 'GET'
      },
      isArray: false
    });
    return r.query();
  });

This configuration file is in JSON format and includes the location of a nodeJS server. In my development environment, the JSON file looks like this:

{
    "serverURL": "http://localhost\\:3000"
}

Everything works fine when starting the app on the front page. The clientConfig module is loaded, and subsequent pages use it without any issues, as shown below:

m.factory('House', function($resource, clientConfig) {
    return $resource(clientConfig.serverURL + '/houses/:houseId',
...

The problem arises when entering a page that requires immediate data from the server. Since clientConfig is not yet populated, this causes errors with the $resource(clientConfig.serverURL + '/houses/:houseId') call.

My question is whether it is possible to load clientConfig synchronously or delay the start of my app until after clientConfig has been populated?

javascript angularjs ngresource

Answer 1

Answer №1

It is impossible to make XHR synchronous in JavaScript because the language is predominantly single threaded, resulting in very few blocking operations. However, depending on the version of Angular you are using, you can either utilize $then or $promise:

clientConfig.$then(function (){ do something})

or

clientConfig.$promise.then(function () {do something else})

Answer 2

It is impossible to make XHR synchronous in JavaScript because the language is predominantly single threaded, resulting in very few blocking operations. However, depending on the version of Angular you are using, you can either utilize $then or $promise:

clientConfig.$then(function (){ do something})

or

clientConfig.$promise.then(function () {do something else})

Answer 3

Answer №2

There is no way to get synchronous data using $resource, as it always returns asynchronous data. To achieve synchronous data retrieval, you can switch to using $http instead of $resource.

To modify your service for this purpose, follow the code snippet below:

m.factory('clientConfig', function($http) {
    var get = function() {
        $http.get('assets/config.json').then(function(response) {
            return response.data.serverURL;
        });
    };
});

Then, make a call to the service like so:

clientConfig.get();

Answer 4

There is no way to get synchronous data using $resource, as it always returns asynchronous data. To achieve synchronous data retrieval, you can switch to using $http instead of $resource.

To modify your service for this purpose, follow the code snippet below:

m.factory('clientConfig', function($http) {
    var get = function() {
        $http.get('assets/config.json').then(function(response) {
            return response.data.serverURL;
        });
    };
});

Then, make a call to the service like so:

clientConfig.get();

Can ngResource be invoked synchronously?

Answer №1

Answer №2

Similar questions

Is it possible for me to create a list in alphabetical order beginning with the letter B instead of A

Possible revision: "Methods for updating Bootstrap language settings?"

Images not displaying in Ng-bootstrap Carousel

Protecting an AJAX interface against unauthorized exploitation by external websites

Selenium's HTML unit driver does not click the button

How can I execute JavaScript code within Aptana Studio 3 IDE?

Having trouble with the select feature in OpenLayers? The selected feature isn't highlighting as expected

Encountering problem with image file encoding while using res.download in Express.js

Display a Button exclusively at the bottom row of a Table using just Javascript

Is it appropriate to include JavaScript and CSS in views?

Module 'xhr2' not located

The verification of form is not done using an if statement

Update the function to be contained in a distinct JavaScript file - incorporating AJAX, HTML, and MySQL

Invoking functions within a jQuery extension

Cannot load local JSON file via AJAX in ReactJS

Positives and negatives images for accordion menu

Node API session functioning properly on Postman but experiencing issues in web browser

Problems with Displaying Content in HTML

Retrieve a selection of data from the data.json file and mix it up

encountering a compiling error due to an inability to read properties of an undefined value