AngularJS - Execute function in controller for last using $timeout()

Question

In the main controller I wrote:

angular.element(window).load(function () {
    $timeout(function () {
        scrollAnchor(); // Scroll to Anchor
    });
});

I'd this to to scroll to the last operation right after all elements were rendered. The problem is that there are also other $timeout() with other functions. So the scrolling is not the last operation. Is there a way to introduce a priority over the functions executed in $timeout?

Please add the other operations using $timeout. So we can deliver you a nice and stable solution. I promise, in the end you dont need even one $timeout. — lin
– lin, Commented Dec 2, 2016 at 9:45

lin · Accepted Answer · 2016-12-02 09:55:21Z

2

When you don't supply a delay parameter, the function is called on the next digest cycle.

So, to make sure that certain delayed executions are performed after others with the same parameters, just set a higher delay.

$timeout(scrollAnchor, 500);

Or you could fire an event when you know that "everything else" is done and then scroll to where you want to scroll.

edited Dec 2, 2016 at 9:55

lin

18.5k4 gold badges66 silver badges88 bronze badges

answered Dec 2, 2016 at 9:41

Oliver Salzburg

22.2k22 gold badges99 silver badges146 bronze badges

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

8 Comments

lin Over a year ago

He said, there are other timeouts. In that way your solution is not stable/clean. You need to ensure that all other render operations are finished. Working with delays is such a problem in JavaScript because it is much depending on the client performance. This could break your application.

Labo29 Over a year ago

@lin, you are right, its not a good solution to use 500 milliseconds for me. The problem is that were used other $timeout, and I don't know when they finish their execution.

lin Over a year ago

@Labo29, just add the "other operations code" into your question. We will find a solution.

Oliver Salzburg Over a year ago

The delay is exactly what was being asked for in that it priorities the start of execution. If something needs to be delayed until the end of execution, see the second part of my answer.

Labo29 Over a year ago

@OliverSalzburg ok, if using delays is the only way, I will search for another solution which doesn't use $timeout. I don't like to put delays in page, they are too unreliable.

|

Collectives™ on Stack Overflow

AngularJS - Execute function in controller for last using $timeout()

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related