AngularJS Variable is Undefined

Question

So my code looks like this

.controller('weinDetailsCtrl', ['$scope', '$stateParams', '$http', '$rootScope',function ($scope, $stateParams, $http, $rootScope) {

$scope.url = "https://winetastic.azurewebsites.net/tables/Wine/" + $rootScope.actWine + "?ZUMO-API-VERSION=2.0.0";
$scope.Winet;

$http({
    method: "GET",
    url: $scope.url
}).then(function mySucces(response) {

    $scope.wineDetails = response.data;
    $scope.Winet = $scope.wineDetails.Winetype_ID;
    alert($scope.Winet);


}, function myError(response) {
    $scope.wineDetails = response.statusText
});

alert($scope.Winet);}])

the first alert gave me the right WineType_ID, the second alert give me an 'Undefined'. What's wrong?

first alert will be undefine and second will be having value — Saurabh Agrawal
– Saurabh Agrawal, Commented Feb 15, 2017 at 10:11
Yes you are right, but why? I want to do further sutff with winet, but it always says it's undefined — Ronald Peroutka
– Ronald Peroutka, Commented Feb 15, 2017 at 10:15

Sumit Sinha · Accepted Answer · 2017-02-15 10:13:11Z

1

Your second alert is called before getting data from REST call. This is due to the asynchronous nature of javaScript. So you are getting value as undefined.

answered Feb 15, 2017 at 10:13

Sumit Sinha

3291 gold badge3 silver badges13 bronze badges

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

Comments

Saurabh Agrawal · Accepted Answer · 2017-02-15 10:26:49Z

Let me clear you your first alert will be undefined and second will be having value.

This is because you will not have $scope.Winet value when it will call for first time. Once you get the value from the server then it will have some value. This is what Asynchronous is all about.

For time being you can use assign some value to $scope.Winet. so first time alert will be that value instead of undefined. Try

$scope.url = "https://winetastic.azurewebsites.net/tables/Wine/" + $rootScope.actWine + "?ZUMO-API-VERSION=2.0.0";
$scope.Winet = 'alert before Asynchronous call completion';//you can change it as your need

Now first time alert will be alert before Asynchronous call completion.

More detials you can go to this link.

Asynchronous Details

FelixSFD · Accepted Answer · 2017-02-15 15:35:14Z

0

It appears that Winetype_ID is undefined in your response.data, check your response data. And I'd suggest using console.log(); so your script doesn't halt.

edited Feb 15, 2017 at 15:35

FelixSFD

6,10110 gold badges46 silver badges134 bronze badges

answered Feb 15, 2017 at 10:12

Roger K

1016 bronze badges

Collectives™ on Stack Overflow

AngularJS Variable is Undefined

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related