javascript - 通过角度JS中的路由传递多个ID

Question

我必须通过路由将多个 id 传递给服务。现在该路由适用于单个 id，但作为 Angular JS 的初学者，我不知道如何传递多个 id，或者有没有一种方法可以通过路由传递一个 id 数组？我被困住了，正在寻求帮助

当前路线配置

.when('/search/:id')

期待

.when('/search/:id/:id/:id')

或 .when('/search/ids[]')

我在这里先向您的帮助表示感谢。

Answer 1

使用 .when('/search/:id1/:id2/:id3') 或用逗号或其他字符分隔多个 id。

Answer 2

这就是我想出的。这绝不是完美的或防弹的，但它是一个开始。

演示

PS：为了方便，我只用了同一个控制器

app.config(['$routeProvider', function($routeProvider) {
  $routeProvider
   .when('/home:matrix', {templateUrl: 'home.html', controller: 'MainCtrl'})
   .when('/about:matrix', {templateUrl: 'about.html', controller: 'MainCtrl'});
}]);

function extractMatrixParams(matrix) {
  var matrixRegexp = /([^;=]+)=([^;]+)/g;
  var matrixParams = {};
  var match = matrixRegexp.exec(matrix);
  while(match) {
    var p = matrixParams[match[1]];
    if(p) {
      if(angular.isArray(p)) {
        p.push(match[2]);
      }
      else {
        matrixParams[match[1]] = [p, match[2]];
      }
    }
    else {
      matrixParams[match[1]] = match[2];
    }
    match = matrixRegexp.exec(matrix);
  }
  return matrixParams;
}

app.controller('MainCtrl', ['$scope', '$routeParams',
function($scope, $routeParams) {
  var matrixPrams = extractMatrixParams($routeParams.matrix);

  $scope.ids = matrixPrams.ids;
  $scope.myVar = matrixPrams.myVar;
  $scope.matrixPrams = matrixPrams;

  $scope.routeParams = $routeParams;
}]);