发表新帖
发表新帖

Getting values from query string in an url using AngularJS $location

后端 未结
关注
9 966
鱼传尺愫
鱼传尺愫 2020-11-27 04:36

Regarding $location.search, the docs say,

Return search part (as object) of current url when called without any parameter.

In my

9条回答
  • 长情又很酷
    长情又很酷 (楼主)
    2020-11-27 05:19

    In my NodeJS example, I have an url "localhost:8080/Lists/list1.html?x1=y" that I want to traverse and acquire values.

    In order to work with $location.search() to get x1=y, I have done a few things

    1. script source to angular-route.js
    2. Inject 'ngRoute' into your app module's dependencies
    3. Config your locationProvider
    4. Add the base tag for $location (if you don't, your search().x1 would return nothing or undefined. Or if the base tag has the wrong info, your browser would not be able to find your files inside script src that your .html needs. Always open page's view source to test your file locations!)
    5. invoke the location service (search())

    my list1.js has

        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();
    });

    and my list1.html has

    
    
    


    A