Mi aspettavo di vedere questa domanda su Stackoverflow ma non l'ho fatto. Apparentemente sono l'unico ad avere questo problema che mi sembra molto comune.
Ho un progetto di base su cui sto lavorando ma le vie non sembrano funzionare anche se tutto quello che ho fatto finora sembra essere giusto.
Ho questo pezzo di html nel mio index.html
file:
<html>
<head ng-app="myApp">
<title>New project</title>
<script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
<script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<a href="#/add-quote">Add Quote</a>
<div ng-view ></div>
</body>
</html>
ed ecco il mio app.js
:
var app = angular.module('myApp', ['ngRoute']);
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/add-quote', {
templateUrl: 'views/add_quote.html',
controller: 'QuoteCtrl'
})
.otherwise({ redirectTo: '/' });
}]);
Ora, quando visito la pagina, ecco cosa ottengo nell'URL:
e quando clicco sul Add quote
pulsante, ottengo questo:
Quale può essere il problema qui? Grazie per l'aiuto