Cannot modify variable out of scope

Asked Nov 17 '16 at 22:25

Active Nov 17 '16 at 23:12

Viewed 22 times

No matter where I place the variable. The changes do not reflect outside the loop.

$scope.getSubsByEmail = function(email) {
    var userNotFound = 0;
    var arr = []
    SITES.forEach(function(site) {
        user_email_api.get({}, function(response) {
            if(response.success) {
                userNotFound -= 1;
            } else {
                userNotFound += 1;
                arr.push(1);
            }
        });
    });

    console.log(userNotFound); # Remains 0
    console.log(arr);          # Works
    if (userNotFound == 6) {
        flashAlert({success:false, errorMessage: "User Not Found"});
    }

I'm facing this problem everywhere and I can't figure out why it does not update the value. Only items pushed to an array are reflected but not the variable. Missing something basic about JS or Angular itself.

edited Nov 17 '16 at 23:12

asked Nov 17 '16 at 22:25

Ayush

Is `ar.push(1)` supposed to be `arr.push(1)`? – Sub 6 Resources Nov 17 '16 at 22:27
You will want to log inside the callback function to see if it updates. – Malk Nov 17 '16 at 22:28
3

Looks like you are using AJAX for the api. That is asynchronous and your console.log code will execute before the response callback that increments userNotFound. – Hoyen Nov 17 '16 at 22:30

Cannot modify variable out of scope

0 Answers0