如何使用AngularJS

Question

HTML源代碼

<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源代碼

<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> 

這裏變量loc和loc1得到URL參數都返回測試作爲結果的上方網址。這是正確的方法嗎？

Answer 1

我知道這是一個古老的問題，但我花了一些時間對稀疏的Angular文檔進行分類。 RouteProvider和routeParams是要走的路。路由將URL連接到您的Controller/View，並將routeParams傳遞給控制器​​。

查看Angular seed項目。在app.js中，您會找到路由提供者的示例。要使用PARAMS只是追加他們是這樣的：

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

然後在您的控制器注入$ routeParams：

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

Answer 2

雖然路由的確是應用程序級的URL解析一個很好的解決方案，您可能需要使用更低水平$location服務，在自己的服務或控制器注入：

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

這個簡單的語法將對http://example.com/path?myParam=paramValue工作。

$locationProvider.html5Mode(true); 

否則有看http://example.com/#!/path?myParam=someValue「Hashbang」語法是有點複雜，但對舊的瀏覽器工作的好處（：但是，只有當你之前配置的HTML 5模式$locationProvider非HTML 5兼容）。

Answer 3

如果您使用ngRoute，你可以注入$routeParams到控制器中

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

如果您使用的角度-UI-路由器，你可以注入$stateParams

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

Answer 4

如果已發佈的答案沒有幫助，可以嘗試使用 $ location.search（）。myParam; 與網址http://example.domain#?myParam=paramValue