ロケーションサービスがURLパラメータをコントローラに渡しません

Question

IDをURLパラメータ経由で、 "more.html"というページに渡そうとしています。 URLパラメータは次のようになります。

http://example.com/more.html?id=200 

私はURLからパラメータIDを取得するためにmore.htmlページに私のコントローラで$場所サービスを使用していました。ここに私が使用したコントローラコードがあります。

var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($location, $scope, $http) { 
    var sno = $location.search().id; 
    alert(sno); 
}); 

私は上記のコードから得た結果は、「未定義」でした。

Answer 1

変更しますurl structure次のように

から（#を追加）：

http://example.com/more.html?id=200 

へ：#more.htmlを追加

http://example.com/more.html#?id=200 

とあなたのURLパラメータの前には、問題を解決します。 次のプロジェクトではparametersを使用するより構造化された方法であるui-routerを使用することができます。

https://github.com/angular-ui/ui-router

Answer 2

注入するパラメータは定義していません。次のコードのようになります。

var app = angular.module('myApp', []); 
app.controller('customersCtrl', ['$location' , '$scope' , '$http' , function($location, $scope, $http) { 
    var sno = $location.search().id; 
    alert(sno); 
}]); 

Answer 3

@ daan.desmedtのようなものです。 URL構造を次のように変更し、IDを渡しました。

から：

http://example.com/more.html?id=200 

へ：

http://example.com/more.html#?id=200 

私はmore.html後＃を追加しました。それは問題を解決しました。