Angular.js update scope after variable has changed

Question

I have a search-bar in my web page, which is associated with a controller that receives a JSON object as a response from the server.

I then save this response in a global variable named assetResult.

It works fine the first time but when I do a new search the $scope of searchResultController is not updated

CONTROLLER SEARCH BAR

mwm3.controller('searchBarCtrl', function($scope, $location, $timeout, AssetService) {
        $scope.radioValue = 'id';
        AssetService.connect();
        AssetService.subscribe(function(message) {
            var obj;
            try {
                //$scope.ocw.push(message);
                obj = eval("(function(){return " + message + ";})()");
                AssetResult = obj;
                console.log(message);

                $location.url('/searchResult');
            } catch (e) {
                obj = eval("(function(){return " + message + ";})()");
                alert(obj.Error);
            }
            //$route.reload();

        });

        $scope.send = function() {
            AssetService.send($scope.radioValue + '=' + $scope.searchKey);

        };

    });

CONTROLLER SEARCH RESULT

mwm3.controller('searchResultCtrl', function($scope, $location, AssetDetailService) {
    $scope.$apply(function() {
        $scope.asm = AssetResult;
    });

    if (!AssetResult) {
        $location.url('/login');
    }
});

I use $scope.apply in my searchResultController but the associated view is not refreshed anyway.

Where is my problem?

Thanks in advance

eval("(function(){return " + message + ";})()")? Why not just function(){return " + message + ";})()? — dfsq
– dfsq, Commented Jul 2, 2014 at 8:04
@dfsq or even shorter obj = message. There is no need for a self invoking function. — Dieterg
– Dieterg, Commented Jul 2, 2014 at 8:45

Nikolas · Accepted Answer · 2014-07-02 08:23:33Z

2

It looks to me, as if the message from the AssetService does not start a new angular digest. Try in your searchBarCtrl:

AssetResult = obj;
$scope.$apply();

answered Jul 2, 2014 at 8:23

Nikolas

1,1761 gold badge6 silver badges11 bronze badges

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

2 Comments

doup Over a year ago

Yep, use $scope.$apply() to notify angular when something from outside updates and $scope.$watch() to notify code outside of angular. That way you can manage state between angular and external code.

user3790694 Over a year ago

thanks doup. I add scope.applay() in my searchBarCtrl and scope.watch() in my searchResultCtrl. It's work for me

Collectives™ on Stack Overflow

Angular.js update scope after variable has changed

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related