Начал использовать Angular недавно и сразу столкнулся с такой проблемой при использовании маршрутизации: когда я подключаю на сайт библиотеку angular-route.min.js, то у меня все маршруты вида #/route превращаются в #%2Froute, то есть из за того, что символ / кодируется в %2F всё перестаёт работать. Как это можно исправить? Вот пример:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Angular Routes Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.min.js"></script>
</head>
<body>
<a href="#/">Home</a>
<a href="#/test">Test</a>
<a href="#/route">MoreTest</a>
<div ng-view></div>
<script type="text/javascript">
var app = angular.module('myApp', ['ngRoute']);
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
template: '<h1>Home</h1>'
});
$routeProvider.when('/test', {
template: '<h2>Test</h2>'
});
$routeProvider.when('/route', {
template: '<h1>MoreTest</h1>'
});
$routeProvider.otherwise({
redirectTo: '/'
});
});
app.controller('testController', function($scope) {});
</script>
</body>
</html>
До примера использовал angular версии 1.6.0, в примере 1.6.1