How to track down the reasons for the strange behavior of the site on Angular JS?

Question

Angular

Good afternoon,
I continue to refine the code that I got, and I observe the following.
If you repeatedly click on the pages, and return to the previous one (or let's say to the root of the site), the functions on them cease to be performed.
Let's say on the first page I have a list of servers, and when you click on a server, a list of the databases of each server opens. So if you switch between them, you can see that for about 5 repetitions there is a delay in displaying information, for 6 it still increases, and for the 7th attempt I still don’t get anything.
It looks like something is looping, but I can't find a way to track it down.
The transition occurs through a directive like goto='/server/{{cluster.host}}/id/{{cluster.id}}' >{{cluster.host}}
$apply() is bothering me here, but again, I can't track it down.
Do you have any ideas?

.directive('goto', function($location)  {
    return {
      restrict: 'A',
      link: function(scope, element, attrs) {
        element.on('click', function(){
          scope.$apply(function() {
                    $location.path(attrs.goto);
            });
        });
      } 
    };  
  });

Answer 1

Ultimately, that was the problem. that the previous developer set to run several functions at the same time, for all tabs of the page. Moreover, the output of information took place through all sorts of highcharts, etc., which apparently made everything heavier.