Der Dienst $location
analysiert die URL aus der Adressleiste des Browsers und stellt die URL für Ihre App zur Verfügung. Da Sie normale URL-Pfad- und Suchsegmente verwenden, müssen Sie html5Mode
mit $locationProvider
auf true festlegen.
Standardmäßig verwendet $locationProvider
hashbangs. Wenn Sie also html5Mode
nicht auf true setzen, erhalten Sie eine leere Zeichenfolge, wenn Sie versuchen, den URL-Pfad abzurufen.
Nachdem Sie html5mode
festgelegt haben, können Sie den URL-Pfad mit dem $location
-Dienst abrufen und eine eigene Regel schreiben, um den Pfad zu verarbeiten.
Zum Beispiel davon ausgehen, dass Ihre vollständige URL wie folgt aussieht: http://example.com/person/show/321
Dann in main.js
Sie haben könnten:
angular.module("MyAPP",[],function($locationProvider){
$locationProvider.html5Mode(true);
});
function MainController($location){
var pId = $location.path().split("/")[3]||"Unknown"; //path will be /person/show/321/, and array looks like: ["","person","show","321",""]
console.log(pId);
}
Und in index.html
könnten Sie haben:
<!DOCTYPE html>
<html lang="en" ng-app="MyAPP">
<head>
<meta charset="utf-8">
<title>Angular test</title>
</head>
<body ng-controller="MainController">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Hope Diese ist hilfreich für dich.
In diesem Szenario ist der einzige Vorteil der Verwendung von Injektions $ Ortsabhängigkeit? (Scheint wie NG sollte eine bequeme API zur Verfügung stellen ...) – ryanwebjackson