Angular 1.x How to make $routeProvider ignore links with "#" stubs?

Question

Angular

Dropdown menu issue from Bootstrap. When you click on the dropdown, the menu item joxi.ru/n2YkVqquo46Bzr triggers the rule otherwise

$locationProvider.hashPrefix('!');
$routeProvider.otherwise({redirectTo: '/main'});

and accordingly shows the view of the main page.
There is a stub in the dropdown link. href="#"
How can I overcome this and force stubs to be ignored? Will have to use also sliders, there will be the same problem...
angularjs angular-routing

Answer 1

You need to listen to the $routeChangeStart event and cancel the action.

$rootScope.$on('$routeChangeStart', function(event, next, current) {
 // добавьте здесь свою проверку на пустой hash и вызовите отмену 
  event.preventDefault();

});

I recommend to carefully read https://docs.angularjs.org/api/ngRoute/service/$route