This is my first attempt at creating a single page app. The app's content is contained within the page like a widget, functioning similar to pagination. In the header, I have links that are not related to the angular app. The link structure looks like this:
<a href="#">Basket</a>
target="_self" prevents Angular from utilizing its routing service.
It's worth noting that I am not using $routeProvider for any routing purposes as the app remains on one page and utilizes a single template file.
The Angular services being used include:
$scope, $log, $location, $filter, $http, $anchorScroll
$locationProvider has been implemented with html5Mode set to true and requireBase set to false.
This project is built using Angular version 1.2.28
When clicking on these specific types of links, Angular seems to take control and prevent any action. Removing the href="#" allows the click event to function properly without interference from Angular.
Any assistance on resolving this issue would be greatly appreciated;