Changing the variable within a promise in Angular 1

Question

Changing the variable within a promise in Angular 1

There seems to be an issue with updating a variable within the callback function of a promise, as shown in the code snippet below:

 $scope.showSelected= function (node){
                var promise = $http.get("http://127.0.0.1:5000/getResource?ldpr="+node.iri);
                promise.then(function(result){
                    node = result.data;
                });
        };

The $scope.showSelected function is a callback utilized by a widget. It takes a parameter node which needs to be updated within the promise's callback. How can I properly update this variable within the promise's callback function?

javascript angularjs angular1.6

Answer 1

Answer №1

The $scope.showSelected function does not currently return a value. To retrieve a value from the asynchronous function call, you can use the .then() method to execute a task once the Promise returned by the asynchronous call is resolved.

 $scope.showSelected = function (node){
                         return $http.get("http://example.com/getData?param="+node.id);
                       };

 $scope.showSelected(node)
 .then(function(result) {
   // Do something with the result based on node
 })
 .catch(function(err) { // Handle any errors that occur
   console.log(err)
 })

Answer 2

The $scope.showSelected function does not currently return a value. To retrieve a value from the asynchronous function call, you can use the .then() method to execute a task once the Promise returned by the asynchronous call is resolved.

 $scope.showSelected = function (node){
                         return $http.get("http://example.com/getData?param="+node.id);
                       };

 $scope.showSelected(node)
 .then(function(result) {
   // Do something with the result based on node
 })
 .catch(function(err) { // Handle any errors that occur
   console.log(err)
 })

Changing the variable within a promise in Angular 1

Answer №1

Similar questions

How can I access the results of the hasMany relationship in AngularJS and Laravel?

Exploring different methods for drawing a polygon by iterating through JSON values

What could be the reason for the history.length being 2 on the initial page?

Using a JavaScript class rather than an ID for toggling visibility

Utilize AJAX in JavaScript file

The equivalent of ESM for resolving modules using the `createRequire` function with a specified

unable to press the electron button

Setting up Npm Sequelize Package Installation

Extracting necessary data from a JSON file and generating a new JSON file with the selected information

JavaScript Flash player for iPad

Issue in Angular Material: The export 'MaterialComponents' could not be located in './material/material.module'

What are some methods to troubleshoot $injector type errors in TypeScript?

React-redux: There is a TypeError in the code, as _this2.props.handleCityChange is not recognized as

Change every request's URL in $http through AngularJS globally

Accessing multi-dimensional array properties in PHP with JavaScript integration

Click event in dropdown selection options

Ways to compare two arrays based on a specific field using JavaScript

"Integrating JavaScript in C# Code Behind: A Step-by-Step Guide

Preview functionality is disabled in the iOS share extension

Is the row removed from the table after successful deletion?