AngularJS $ অবস্থান ব্যবহার করে একটি url এ ক্যোয়ারী স্ট্রিং থেকে মানগুলি পাওয়া

Question 1

। অবস্থান. search সম্পর্কিত , দস্তাবেজগুলি বলেছে,

কোনও প্যারামিটার ছাড়াই কল করা হলে বর্তমান url- এর অনুসন্ধান অংশটি (বস্তু হিসাবে) ফিরে আসুন।

আমার ইউআরএলে, আমার ক্যোয়ারী স্ট্রিংয়ের একটি মান ছাড়াই '? Test_user_bLzgB' রয়েছে para এছাড়াও '$ অবস্থান.search ()' একটি বস্তু প্রদান করে। আমি কীভাবে আসল পাঠ্য পেতে পারি?

Question 2

গ্রহণযোগ্য উত্তর গৃহীত হওয়ার পরে এটি পরিবর্তন হয়েছে কিনা তা নিশ্চিত নয়, তবে এটি সম্ভব is

$location.search()কী-মান জোড়াগুলির একটি অবজেক্ট, ক্যোয়ারী স্ট্রিংয়ের মতো একই জোড়া প্রদান করবে। একটি কী যার কোনও মূল্য নেই কেবলমাত্র এটি সত্য হিসাবে অবজেক্টে সঞ্চিত রয়েছে। এই ক্ষেত্রে, অবজেক্টটি হ'ল:

{"test_user_bLzgB": true}

আপনি এই সাথে সরাসরি এই মান অ্যাক্সেস করতে পারে $location.search().test_user_bLzgB

উদাহরণ (বৃহত্তর ক্যোরিয় স্ট্রিং সহ): http://fiddle.jshell.net/TheSharpieOne/yHv2p/4/show/?test_user_bLzgB&somethingElse&also&something=Somethingelse

দ্রষ্টব্য: হ্যাশগুলির কারণে (এটি http://fiddle.jshell.net/#/url এ যাবে , যা একটি নতুন ফিজল তৈরি করবে), এই ফিডল ব্রাউজারগুলিতে কাজ করবে না যা জেএসের ইতিহাস সমর্থন করে না (কাজ করবে না) আইই <10) এ

সম্পাদনা করুন:
@ নরেশ এবং @ ডেভিডচেকপ্যাকের মন্তব্যে যেমন উল্লেখ করা হয়েছে, এগুলিও $locationProviderসঠিকভাবে কনফিগার করা দরকার: https://code.angularjs.org/1.2.23/docs/guide/$location#-location-service-configration

Question 3

আপনার যদি কেবল কোয়েরি স্ট্রিংটিকে পাঠ্য হিসাবে দেখার প্রয়োজন হয় তবে আপনি এটি ব্যবহার করতে পারেন: $window.location.search

Question 4

$location.search()ভেরিয়েবল হিসাবে কীগুলি এবং এর মান হিসাবে মানগুলি অন্তর্ভুক্ত করে একটি বস্তু প্রদান করে। সুতরাং: আপনি যদি আপনার কোয়েরি স্ট্রিংটি এভাবে লিখেন:

?user=test_user_bLzgB

আপনি সহজেই পাঠ্যটি পেতে পারেন:

$location.search().user

আপনি যদি কোনও কী ব্যবহার না করতে চান তবে মান যেমন foo = বার ব্যবহার করতে চান তবে আমি পরামর্শ দিচ্ছি যে একটি # হ্যাশ # টেষ্ট_উজার_বিএলজেজিবি,

এবং কলিং

$location.hash()

'test_user_bLzgB' ফিরে আসবে যা আপনি পুনরুদ্ধার করতে চান এমন ডেটা।

অতিরিক্ত তথ্য:

যদি আপনি ক্যোয়ারী স্ট্রিং পদ্ধতিটি ব্যবহার করেন এবং আপনি $ লোকেশন.সার্চ () দিয়ে একটি খালি অবজেক্ট পেয়ে থাকেন তবে এটি সম্ভবত এটিউগুলার এইচটিএমএল 5 এর পরিবর্তে হ্যাশব্যাং কৌশল ব্যবহার করছে ... এটির কাজটি পেতে, আপনার এই কনফিগারেশনে যুক্ত করুন মডিউল

yourModule.config(['$locationProvider', function($locationProvider){
    $locationProvider.html5Mode(true);    
}]);

Question 5

ক্যোরি স্ট্রিংটি আমার জন্য কাজ করে এমন #? Q = স্ট্রিংটি ব্যবহারের জন্য প্রথমে URL ফর্ম্যাটটি সঠিক করুন

http://localhost/codeschool/index.php#?foo=abcd

ইনজেকশন - নিয়ামক মধ্যে অবস্থান পরিষেবা

app.controller('MyController', [ '$location', function($location) { 

    var searchObject = $location.search();

    // $location.search(); reutrn object 
    // searchObject = { foo = 'abcd' };

    alert( searchObject.foo );

} ]);

সুতরাং আউট পুটটি abcd করা উচিত

Question 6

আপনি এটি ব্যবহার করতে পারেন

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var queryValue = getParameterByName('test_user_bLzgB');

Question 7

যদি আপনি $location.search()কাজ না করে থাকেন তবে নিশ্চিত হয়ে নিন যে আপনার নিম্নলিখিতগুলি রয়েছে:

1) html5Mode(true)অ্যাপ্লিকেশনটির মডিউল কনফিগার করা হয়েছে

appModule.config(['$locationProvider', function($locationProvider) {
   $locationProvider.html5Mode(true);
}]);

2) <base href="https://stackoverflow.com/">আপনার এইচটিএমএলে উপস্থিত রয়েছে

<head>
  <base href="/">
  ...
</head>

তথ্যসূত্র:

Question 8

কৌণিক এই ধরণের কোয়েরি স্ট্রিং সমর্থন করে না।

ইউআরএলটির ক্যোয়ারী অংশটি &মূল-মান জোড়াগুলির একটি পৃথক ক্রম হিসাবে অনুমিত হয় , সুতরাং এটি কোনও বিষয় হিসাবে পুরোপুরি ব্যাখ্যাযোগ্য interpret

কী-স্ট্রিংগুলি পরিচালনা করতে কোনও এপিআই নেই যা কী-মান জোড়ার সেটগুলি উপস্থাপন করে না।

Question 9

আমার নোডজেএস উদাহরণে, আমার কাছে একটি url আছে "লোকালহোস্ট: 8080 / তালিকাগুলি / তালিকা 1 html? X1 = y" যা আমি মানগুলি অতিক্রম করতে এবং অর্জন করতে চাই।

X1 = y পাওয়ার জন্য $ লোকেশন.সন্ধান () এর সাথে কাজ করার জন্য, আমি কয়েকটি কাজ করেছি

কৌনিক-রুট.জেজে স্ক্রিপ্ট উত্স
আপনার অ্যাপ্লিকেশন মডিউলটির নির্ভরতাগুলির মধ্যে 'এনজিরাউট' ইনজেক্ট করুন
আপনার অবস্থানপ্রভাইডারটি কনফিগার করুন
$ লোকেশনের জন্য বেস ট্যাগ যুক্ত করুন (যদি আপনি না করেন তবে আপনার অনুসন্ধান () না। X1 কিছুই ফিরিয়ে আনবে না বা পূর্বনির্ধারিত হবে Or আপনার .html প্রয়োজন। আপনার ফাইলের অবস্থানগুলি পরীক্ষা করতে সর্বদা পৃষ্ঠার দেখার উত্সটি খুলুন!)
অবস্থান পরিষেবা (অনুসন্ধান ()) প্রার্থনা

আমার তালিকা 1.js আছে

    var app = angular.module('NGApp', ['ngRoute']);  //dependencies : ngRoute
    app.config(function ($locationProvider) { //config your locationProvider
         $locationProvider.html5Mode(true).hashPrefix('');
    });

    app.controller('NGCtrl', function ($scope, datasvc, $location) {// inject your location service
        //var val = window.location.href.toString().split('=')[1];
        var val = $location.search().x1;    alert(val);
        $scope.xout = function () {
           datasvc.out(val)
           .then(function (data) {
              $scope.x1 = val;
              $scope.allMyStuffs = data.all;
           });
        };
        $scope.xout();
    });

এবং আমার তালিকা 1 এইচটিএমএল আছে

<head>
    <base href=".">
    </head>
<body ng-controller="NGCtrl">
<div>A<input ng-model="x1"/><br/><textarea ng-model="allMyStuffs"/></div>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/ui-bootstrap-tpls-0.14.3.min.js"></script>
<script src="list1.js"></script>
</body>

গাইড: https://code.angularjs.org/1.2.23/docs/guide/$location

Question 10

আমার ফিক্স আরও সহজ, একটি কারখানা তৈরি করুন এবং এক পরিবর্তনশীল হিসাবে প্রয়োগ করুন। উদাহরণ স্বরূপ

angular.module('myApp', [])

// This a searchCustom factory. Copy the factory and implement in the controller
.factory("searchCustom", function($http,$log){    
    return {
        valuesParams : function(params){
            paramsResult = [];
            params = params.replace('(', '').replace(')','').split("&");
            
            for(x in params){
                paramsKeyTmp = params[x].split("=");
                
                // Si el parametro esta disponible anexamos al vector paramResult
                if (paramsKeyTmp[1] !== '' && paramsKeyTmp[1] !== ' ' && 
                    paramsKeyTmp[1] !== null){          
                    
                    paramsResult.push(params[x]);
                }
            }
            
            return paramsResult;
        }
    }
})

.controller("SearchController", function($scope, $http,$routeParams,$log,searchCustom){
    $ctrl = this;
    
    var valueParams = searchCustom.valuesParams($routeParams.value);
    valueParams = valueParams.join('&');

    $http({
        method : "GET",
        url: webservice+"q?"+valueParams
    }).then( function successCallback(response){
        data = response.data;
        $scope.cantEncontrados = data.length; 
        $scope.dataSearch = data;
        
    } , function errorCallback(response){
        console.log(response.statusText);
    })
      
})

<html>
<head>
</head>
<body ng-app="myApp">
<div ng-controller="SearchController">
<form action="#" >
                          
                            
                            <input ng-model="param1" 
                                   placeholder="param1" />
                            
                            <input  ng-model="param2" 
                                    placeholder="param2"/>
                        
<!-- Implement in the html code 
(param1={{param1}}&param2={{param2}}) -> this is a one variable, the factory searchCustom split and restructure in the array params
-->          
                        <a href="#seach/(param1={{param1}}&param2={{param2}})">
                            <buttom ng-click="searchData()" >Busqueda</buttom>
                        </a>
                    </form> 
</div>
</body>

স্নিপেট প্রসারিত করুন