Everything was running smoothly in my app until I decided to incorporate ngAnimate, ngMaterial, and ng-image-gallery. I'm not certain if adding these modules caused the issue, but I haven't made any other changes before encountering the problem.
Ever since then (even after removing the dependencies from app.js and index.html), all URLs have been turned into encoded characters...
Previously it appeared as:
http://.../app/index.html#/workshops
now it's transformed into:
http://.../app/index.html#!/#%2Fworkshops
and obviously nothing is being found. The navigation isn't functioning, nothing happens.
Why are the URLs suddenly encoded?! Even just launching index.html on the web server presents me with the following URL:
http://.../app/index.html#!/
Has anyone encountered this issue before? Why is this happening? And most importantly: how can I resolve this? Thank you in advance.
My route configuration:
'use strict';
angular.module('myApp').config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'modules/start/views/start.html',
controller: 'StartController'
})
.when('/galerie', {
templateUrl : 'modules/galerie/views/galerie.html',
controller: 'GalerieController'
})
.when('/kontakt', {
templateUrl : 'modules/kontakt/views/kontakt.html',
controller: 'KontaktController'
})
.when('/workshops', {
templateUrl : 'modules/workshops/views/workshops.html',
controller: 'WorkshopsController'
})
;
}]);
And here's how I navigate between routes:
<div class="navbar navbar-top hidden-xs">
<ul class="nav navbar-nav">
<li>
<a href='#/'>Start</a>
</li>
<li>
<a href='#/workshops'>Workshops</a>
</li>
<li>
<a href='#/galerie'>Galerie</a>
</li>
<li>
<a href='#/kontakt'>Contact & Booking</a>
</li>
</ul>
</div>
This is how the scripts are included:
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="https://use.fontawesome.com/936815fb51.js"></script>
<script src="app.js"></script>
<script src="modules/config/routes.js"></script>
<script src="modules/start/start.js"></script>
<script src="modules/start/controllers/StartController.js"></script>
...
Additional Note: The console is not showing any messages. No issues, no errors.