दोनों <em>परीक्षण</em> लौट ऊपर URL के लिए परिणाम के रूप में 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 seed प्रोजेक्ट देखें। App.js के भीतर आपको रूट प्रदाता के लिए एक उदाहरण मिलेगा। पैरामीटर का उपयोग करने के लिए बस इस तरह से उन्हें संलग्न:

$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" वाक्य रचना जो थोड़ा अधिक जटिल है पर एक नजर है, लेकिन (पुराने ब्राउज़रों पर काम का लाभ: हालांकि, केवल यदि आप एचटीएमएल 5 मोड में $locationProvider से पहले से कॉन्फ़िगर किया गया गैर-एचटीएमएल 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