Angularjs situations where something doesn't work without timeout

Question

I've come to few situations in angularjs where only timeout solves the problem. I'd really like to understand why this happens and how to solve this.

Examples:

opLibrary.directive('opClick', function($parse, $location, $timeout, opDebug) {
    return function(scope, element, attrs) {
        var action = attrs.opClick.substring(0, 1) == '/' ? attrs.opClick : $parse(attrs.opClick);
        var event = opDebug.desktop ? 'mousedown' : 'touchstart';
        element.bind(event, function(e) {
            e.preventDefault();
            $timeout(function() {
                if (angular.isFunction(action)) action(scope);
                else $location.path(action);
            }, 0);
        });
    }
});

without timeout $location.path just doesn't trigger

$.getScript('//connect.facebook.net/en_UK/all.js', function(){
    FB.init({
        appId: 'xxx',
    });

    $timeout(function() {
        $scope.fbInitComplete = true;
    }, 0);
});

without timeout view is not updated based on fbInitComplete change, though it updates just before view change as if value of the variable did change, but scope did not catch it

karaxuna · Accepted Answer · 2013-12-13 11:16:26Z

3

Use $scope.apply instead of timeout:

scope.$apply(function() {
    if (angular.isFunction(action)) action(scope);
    else $location.path(action);
});

Reason: You must notify angular when something is done asynchronously, for example when performing ajax call ($http does $scope.$apply for you).

answered Dec 13, 2013 at 11:16

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

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

1 Comment

kosmo Over a year ago

Thanks a lot! That explains everything :)

Collectives™ on Stack Overflow

Angularjs situations where something doesn't work without timeout

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related