Spodziewałem się, że zobaczę to pytanie w Stackoverflow, ale tak się nie stało. Najwyraźniej tylko ja mam ten problem, który wydaje mi się być bardzo powszechny.
Mam podstawowy projekt, nad którym pracuję, ale trasy wydają się nie działać, mimo że wszystko, co zrobiłem do tej pory, wydaje się być w porządku.
Mam w index.html
pliku ten fragment kodu HTML :
<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>
a oto moje 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: '/' });
}]);
Teraz, kiedy tylko odwiedzam stronę, oto co otrzymuję w adresie URL:
a kiedy klikam Add quote
przycisk, otrzymuję to:
Jaki może być tutaj problem? Dzięki za pomoc
angularjs
angular-routing
ngroute
angularjs-ng-route
angularjs-1.6
Awa Melvine
źródło
źródło
Odpowiedzi:
Po prostu użyj hashbang
#!
w href:Ze względu na aa077e8 , domyślny przedrostek hash używany w adresach URL $ location hash-bang zmienił się z pustego ciągu (
''
) na bang ('!'
).Jeśli faktycznie nie chcesz mieć prefiksu z krzyżykiem, możesz przywrócić poprzednie zachowanie, dodając blok konfiguracyjny do swojej aplikacji:
Więcej informacji znajdziesz w
Przepraszam, że wsiadam na mojego wysokiego konia, ale ... Jak to się stało? To jest ogromny, zepsuty błąd. - @MiloTheGreat
źródło
Po prostu umieść
!
whref
:źródło
Nie mogłem zmusić routingu do działania w 1.6.4, więc zdecydowałem się użyć kątowego 1.5.11 i routing działa dobrze, chociaż musiałem zdefiniować wszystkie moje trasy w funkcjach when (..) z końcowymi znakami „/”
Jeśli trzymanie się starszej wersji kątowej jest dla ciebie opcją, rozważ ją, ponieważ może to uratować twoje nerwy ...
źródło
źródło
Spróbuj tego, co może pomóc ...
W html lub wyświetl stronę
Na stronie skryptu
źródło