I'm having trouble with my AngularJS spa page and the main navigation dropdown link. When I click on the dropdown, the content inside ng-view disappears. It seems like the angular route is getting confused by the '#' in the href. How can I set up the route to ignore the '#' and keep the content in ng-view loaded?
Hopefully that explanation was clear.
dropdown issue
<a href="#" data-toggle="dropdown" class="dropdown-toggle>Orders <b class="caret"></b></a>angularjs routing code
var configFunction = function ($routeProvider) {
$routeProvider.when('/productList', {
templateUrl: '/productList.html'
})
.when('/', {
templateUrl: '/default.html'
})
.otherwise({ redirectTo: '/' });
};