How to use scope variable from http.get outside the success function in angular?

Question

I would like to know how can I use the scope.hello value outside the success function in my controller. Here is where its getting populated in my controller file:

$http.get(BaseUrl().url + 'jury/UpcomingEvents?someID=' + someID)
     .success(function (response) {
         $scope.UpcomingEvents = response;
         $scope.hello= $scope.UpcomingEvents[0].EventID;
     });

I want to be able to use the value of $scope.hello in another array outside the http.get function like so:

var Count=3;
$scope.Total= $scope.hello + Count

so that I can output $scope.Total in my html file as following.

{{Total}}

Right now, $scope.hello remains undefined as its not retaining the value from the success function as I understand, it is an asynchronous function.

Is there a way to use this value in other places in my controller?

Thanks.

Sajeetharan · Accepted Answer · 2017-09-09 03:40:18Z

1

Why cant you just do this,

var count = 3;
$http.get(BaseUrl().url + 'jury/UpcomingEvents?someID=' + someID)
     .success(function (response) {
         $scope.UpcomingEvents = response;
         $scope.hello= $scope.UpcomingEvents[0].EventID;
         $scope.Total= $scope.hello + Count
});

answered Sep 9, 2017 at 3:40

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Pares Over a year ago

I can do that, but I actually would be editing the entire array Upcoming Events and then have to present a new array in the html. Should I do that all inside the success function? Is that a recommended method and would that work? Thanks a lot for your help.

Sajeetharan Over a year ago

you can create a function to do that and pass the value to that

Pares Over a year ago

Yes it did! I accepted your answer! As per your suggestion, I used the result inside the success function and that worked! Thanks!

Collectives™ on Stack Overflow

How to use scope variable from http.get outside the success function in angular?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related