Angular $watch not triggered on change in $scope variable

Question

So I have a routine that needs to run with user data that is retrieved at the initialization of the app.

My controller for the home page checks to see if there's a token in storage (a logged-in user) and then either runs the routine if $scope.currentUser already exists, or places a watch on it for when the AJAX call returns that data.

But the $watch callback is never triggered after its initialization.

Here's the Feed Controller code

if (sessionStorage.getItem('token'))
{
    if ($scope.currentUser) {getItems()}
    else {$scope.$watch('currentUser', popFeed()) }
}

function delayForUser()
{
    if ($scope.currentUser) {popFeed()}
}

And the Application Controller code

if (sessionStorage.getItem('token') && sessionStorage != 'null')
{
    UserSvc.getUser()
    .then(function (response) 
    {
        $scope.currentUser = response.data
    })

eladcon · Accepted Answer · 2015-03-28 14:59:41Z

1

Assuming you can see currentUser from both controllers (you mentioned they are distinct), you need to pass a function on the $watch, not execute it immediately (with (), which is the result of that function ):

$scope.$watch('currentUser', function(newValue) {
    popFeed();
});

answered Mar 28, 2015 at 14:59

eladcon

5,8251 gold badge18 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Angular $watch not triggered on change in $scope variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related