angularjs中的多个查询字符串参数

我正在努力传递和读取路由中的多个查询字符串参数

$routeProvider.when("/joboffers:keywords:location", {
    controller: "jobOffersController",
    templateUrl: "/App/Views/JobOffer/All.html"
});

这是搜索页面：

$scope.searchJobOffer = function () {
    var vm = $scope.jobOfferSearchViewModel;
    var path = "/joboffers?keywords=" +( vm.keywords || "") + "&location=" + (vm.location || "");
    $location.path(path);
}

这是JobOffersController：

'use strict';
app.controller('jobOffersController', ['$scope', '$routeParams', 'jobOfferService', function ($scope, $routeParams, jobOfferService) {
    $scope.jobOffers = [];

    function init() {
        var keywords = $routeParams.keywords;
        var location = $routeParams.location;
    }

    init();
}]);

阅读$routeParams根本不起作用。如果我将“developer”作为关键字传递，将“newyork”作为位置传递，则$routeParam对象如下所示：

{keywords: "?keywords=developer&location=New Yor", location: "k"}

谁能告诉我我做错了什么？提前谢谢

附言。 这是否可能是因为错误配置的路线？

---

当我通过

searchJobOffer

功能导航时，它将URL编码为：

http://localhost:49380/#/joboffers%3Fkeywords=developer&location=london

如果我尝试使用此url

http://localhost:49380/#/joboffers?keywords=developer&location=london

，路由系统将我转到默认路由（#/home）

$routeProvider在查询字符串上不匹配，仅在路由上匹配。另外，您正在将一个完整的

url

设置为$location.path（），而$location.path（）只接受url的

path

部分。要设置包括查询字符串在内的整个URL，需要使用

$location.URL（）

以下是一些选项：

1.改用漂亮的URL 2.仅匹配作业提供路径并从$location.search（）中提取参数 （注意使用了

$location.url（）

而不是

$location.path（）

）

3.如果需要匹配路由和查询字符串，请尝试更健壮的方法，如

---

请发布JobOffersController的代码。$location.search（）返回一个空对象。

$routeParams

仅在路由更改成功完成后更新。你确定是这样吗？既然控制器已经加载了，我很确定。但为了测试它，我将init（）移动到了setTimeout（），时间为5秒，$routeParams具有相同的值。非常感谢您提供了这个详细的答案，我想我将使用第二个选项。

$routeProvider.when("/joboffers/:location/:keywords", {
  controller: "jobOffersController",
  templateUrl: "/App/Views/JobOffer/All.html"
});

$scope.searchJobOffer = function () {
  var vm = $scope.jobOfferSearchViewModel;
  var path = "/joboffers/" + (vm.location || "") + "/" + ( vm.keywords || "");
  $location.path(path);
};

app.controller('jobOffersController', ['$scope', '$routeParams', 'jobOfferService', function ($scope, $routeParams, jobOfferService) {
  $scope.jobOffers = [];

  function init() {
    var keywords = $routeParams.keywords;
    var location = $routeParams.location;
  }

  init();
}]);

$routeProvider.when("/joboffers", {
  controller: "jobOffersController",
  templateUrl: "/App/Views/JobOffer/All.html"
});

$scope.searchJobOffer = function () {
  var vm = $scope.jobOfferSearchViewModel;
  var url = "/joboffers?keywords=" +( vm.keywords || "") + "&location=" + (vm.location || "");
  $location.url(url);
};

app.controller('jobOffersController', ['$scope', '$location', 'jobOfferService', function ($scope, $location, jobOfferService) {
  $scope.jobOffers = [];

  function init() {
    var search = $location.search();
    var keywords = search.keywords;
    var location = search.location;
  }

  init();
}]);

$stateProvider.state("JobOffers", {
  url: '/joboffers?keywords&location',
  controller: "jobOffersController",
  templateUrl: "/App/Views/JobOffer/All.html"
});

$scope.searchJobOffer = function () {
  var vm = $scope.jobOfferSearchViewModel;
  var url = "/joboffers?keywords=" +( vm.keywords || "") + "&location=" + (vm.location || "");
  $location.url(url);
};

app.controller('jobOffersController', ['$scope', '$stateParams', 'jobOfferService', function ($scope, $stateParams, jobOfferService) {
  $scope.jobOffers = [];

  function init() {
    var keywords = $stateParams.keywords;
    var location = $stateParams.location;
  }

  init();
}]);