javascript - AngularJS ব্যবহার করে ইউআরএল পরামিতি পেতে কিভাবে




routeparams (4)

আপনি ngRoute ব্যবহার করছেন, আপনি $routeParams নিয়ামক আপনার নিয়ামক মধ্যে ইনজেকশন করতে পারেন

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

আপনি যদি কৌণিক- $stateParams -রাউটার ব্যবহার করেন তবে আপনি $stateParams ইনজেক্ট করতে পারেন

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

এইচটিএমএল সোর্স কোড

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

এখানে উল্লিখিত loc1 এবং loc1 উভয় উপরের URL এর ফলাফল হিসাবে রিটার্ন পরীক্ষা । এই সঠিক উপায়?


আমি ইউআরএল থেকে পরামিতি পেতে $ location.search () ব্যবহার করতে কিভাবে সমাধান পাওয়া যায়

প্রথমে ইউআরএল ইউজারের এই উদাহরণের মতো প্যারামিটারের আগে সিনট্যাক্স "#" লাগবে

"http://www.example.com/page#?key=value"

এবং তারপরে আপনার নিয়ামকটিতে আপনি ফাংশনে $ অবস্থান রাখুন এবং URL অবস্থানের জন্য $ location.search () ব্যবহার করুন

.controller('yourController', ['$scope', function($scope, $location) {

     var param1 = $location.search().param1; //Get parameter from URL

}]);

যদি ইতিমধ্যে পোস্ট করা উত্তরগুলি সাহায্য না করে তবে কেউ $ location.search () এর সাথে চেষ্টা করতে পারেন। ইউআরএল সহ http: //example.domain#? myParam = paramvalue


রাউটিংটি অ্যাপ্লিকেশন-স্তরের URL প্যারিসিংয়ের জন্য আসলেই একটি ভাল সমাধান, তবে আপনি নিজের পরিষেবা বা নিয়ামকটিতে ইনজেকশনের মতো আরো নিম্ন স্তরের $location পরিষেবা ব্যবহার করতে চাইতে পারেন:

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

এই সহজ সিনট্যাক্স http://example.com/path?myParam=paramValue জন্য কাজ করবে। তবে, যদি আপনি এইচটিএমএল 5 মোডে $locationProvider প্রোভাইডারটি আগে কনফিগার করেন তবে:

$locationProvider.html5Mode(true);

অন্যথায় http://example.com/#!/path?myParam=someValue "হ্যাশব্যাং" সিনট্যাক্সটি একটু বেশি জটিল, তবে পুরানো ব্রাউজারগুলিতে কাজ করার সুবিধা রয়েছে (নন-এইচটিএমএল 5 সামঞ্জস্যপূর্ণ) হিসাবে দেখুন ভাল।







routeparams