AngularJS 路由器处理 URL 中的无限参数

Question

大家好，我正在做我的第一个 AngularJS 项目。这是我当前的路线，

  $stateProvider
    .state('report', {
      url: '/report/:Id',
      templateUrl: 'templates/report.html'
    })

这里的问题是 /report/:reportId 只处理第一级，而我的 URL 看起来像 /report/:val1/:val2/:val3/:val4/... 等等。但它仅在 URL 像 /report/:val1 而不是任何后面的时候匹配。

如何让我的 URL 匹配任何级别？请帮忙。

Answer 1

我自己得到了答案，当我在参数之前将它与 * 一起使用时，它会获得与任何级别匹配的值，但作为单个参数。就像如果你有类似“/report/3/0”的东西， Controller 的 $stateParams 有 3/0。所以我们可以从那里进一步处理。

$stateProvider
    .state('report', {
      url: '/report/*Id',
      templateUrl: 'templates/report.html'
    });

angular.module('app.controllers', [])
.controller('reportCtrl', function($scope, $http, $stateParams) {
      console.log($stateParams);
});

上面的代码会在控制台打印“3/0”。