I am seeking assistance with troubleshooting a problem I am facing while working on revamping an old AngularJS based website. I keep coming across unexpected routing events triggered by unknown code.
When clicking on various elements on the site which do not seem to have any event handlers associated with such behavior, the routing takes me to a "page-not-found" page as anticipated.
I have already set breakpoints around all instances of "$location" and "$route", and thoroughly examined all the "href" attributes in the code but found nothing suspicious.
Upon placing a break-point inside a '$routeChangeStart' hook as shown below:
$rootScope.$on('$routeChangeStart', function (event, next, current) {
debugger;
//.....
}
The objects returned are:
next = {
params: {}
pathParams: {}
}
event = {
currentScope: m {$id: 2, $$childTail: m, $$childHead: m, $$prevSibling: null,
$$nextSibling: null, …}
defaultPrevented: false
name: "$routeChangeStart"
preventDefault: ƒ ()
targetScope: m {$id: 2, $$childTail: m, $$childHead: m, $$prevSibling: null,
$$nextSibling: null, …}
}
(targetScope==currentScope) is true
The project also incorporates Kendo and JQuery libraries.
I understand that a specific answer may not be guaranteed, but I appreciate any advice offered. Where should I focus my attention?