My Angular routes are set up in the app.js file like this:
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl',
controllerAs: 'main'
})
.when('/characters', {
templateUrl: 'views/characters.html',
controller: 'AboutCtrl',
controllerAs: 'characters'
})
.when('/framedata', {
templateUrl: 'views/framedata.html',
controller: 'FrameDataCtrl',
controllerAs: 'frame'
})
.otherwise({
redirectTo: '/'
});
});
The URLs work fine when manually entered as localhost:9000/framedata or /characters. However, using the navigation bar with defined links adds a '#%2F' like so: http://localhost:9000/#!/#%2Fcharacters
<ul class="nav navbar-nav">
<li class="active"><a href="#/">tekkenMitzu?</a></li>
<li><a ng-href="#/characters">Characters</a></li>
<li><a ng-href="#/framedata">Frame Data</a></li>
</ul>
I believe this information should be sufficient, but let me know if you need more details. If necessary, I can provide access to a live version on a domain for further inspection.