wie der URL-Parameter erhalten AngularJS

Question

HTML-Quellcode

<div ng-app=""> 
    <div ng-controller="test"> 
     <div ng-address-bar browser="html5"></div> 
     <br><br> 
     $location.url() = {{$location.url()}}<br> 
     $location.search() = {{$location.search('keyword')}}<br> 
     $location.hash() = {{$location.hash()}}<br>  
     keyword valus is={{loc}} and ={{loc1}} 
    </div> 
</div> 

AngularJS Quellcode

<script> 
function test($scope, $location) { 
    $scope.$location = $location; 
    $scope.ur = $scope.$location.url('www.html.com/x.html?keyword=test#/x/u'); 
    $scope.loc1 = $scope.$location.search().keyword ;  
    if($location.url().indexOf('keyword') > -1){  
     $scope.loc= $location.url().split('=')[1]; 
     $scope.loc = $scope.loc.split("#")[0]   
    } 
    } 
</script> 

Hier werden die Variablen loc und loc1 beide Rück Test als Ergebnis für die oben genannte URL. Ist das der richtige Weg?

Answer 1

Ich weiß, dass dies eine alte Frage ist, aber ich brauchte einige Zeit, um dies zu klären, da die Dokumentation spärlich ist. Der RouteProvider und routeParams ist der Weg zu gehen. Die Route verbindet die URL zu Ihrem Controller/View und die routeParams können an den Controller übergeben werden.

Überprüfen Sie das Projekt Angular seed. In der app.js finden Sie ein Beispiel für den Routenanbieter. Um params verwenden sie einfach wie folgt anhängen:

$routeProvider.when('/view1/:param1/:param2', { 
    templateUrl: 'partials/partial1.html',  
    controller: 'MyCtrl1' 
}); 

Dann in Ihrem Controller inject $ routeParams:

.controller('MyCtrl1', ['$scope','$routeParams', function($scope, $routeParams) { 
    var param1 = $routeParams.param1; 
    var param2 = $routeParams.param2; 
    ... 
}]); 

Answer 2

Während Routing ist in der Tat eine gute Lösung für Application-Level-URL-Analyse, können Sie verwenden möchten die mehr Low-Level-$location Service, wie in Ihrem eigenen Service oder Controller injiziert:

var paramValue = $location.search().myParam; 

Diese einfache Syntax für http://example.com/path?myParam=paramValue arbeiten. Allerdings nur, wenn Sie die $locationProvider in dem HTML-5-Modus konfigurieren vor:

$locationProvider.html5Mode(true); 

Ansonsten haben einen Blick auf die http://example.com/#!/path?myParam=someValue „Hashbang“ Syntax, die ein bisschen komplizierter ist, aber den Vorteil der Arbeit an alten Browsern (Nicht-HTML-5-kompatibel).

Answer 3

Wenn Sie ngRoute verwenden, können Sie $routeParams in Ihrem Controller injizieren

http://docs.angularjs.org/api/ngRoute/service/$routeParams

Wenn Sie Winkel-ui-Router verwenden, können Sie $stateParams

https://github.com/angular-ui/ui-router/wiki/URL-Routing

injizieren

Answer 4

Wenn die bereits geposteten Antworten nicht geholfen haben, kann man versuchen mit $ location.search(). MyParam; mit URLs http://example.domain#?myParam=paramValue