AngularJs binding is delaying in directive

Question

Please see the fiddle: https://jsfiddle.net/ThiagoRomam/1hyguh6n/

$scope.setDates = function(initialDate, finalDate) {
    $scope.initialDate = initialDate;
    $scope.finalDate = finalDate;
    $scope.apply();
};

When you press any key in the input or when you click the options (All Time, Today), the apply method is called before the binding can be done.

How can I fix that?

The apply() is not $apply: scope: { ... apply: "&fApply" } — Joy
– Joy, Commented Jul 28, 2015 at 16:10
Although it wasn't the same method. It's good to know that I could be overriding wrongly an Angular method. — Thiago Romam
– Thiago Romam, Commented Jul 28, 2015 at 16:50

Joy · Accepted Answer · 2015-07-28 16:08:48Z

1

Add the $timeout to wait for the $digest to finish. Check working demo: JSFiddle

app.directive("dateFilter", ['$timeout', function ($timeout) {
    ...
    $timeout(function () {
        $scope.apply();
    });

Suggestion

Do not use function name like apply, in case mix with the built-in function $apply.

answered Jul 28, 2015 at 16:08

Joy

9,59011 gold badges49 silver badges99 bronze badges

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

1 Comment

Thiago Romam Over a year ago

it works! :D Also I rename the method in the initial scope to "applyMethod" and create a new "apply" method during linking using your suggestion. This way, calls made direct in html to "apply" will wait the $diggest too

Collectives™ on Stack Overflow

AngularJs binding is delaying in directive

1 Answer 1

Suggestion

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Suggestion

1 Comment

Related