带有斜杠的 Angular 获取参数关闭 URL

Question

我正在开发一个单页 Angular 应用程序。

应用程序从 URL 中取出一个令牌，然后将其传递给 API。目前我的网址如下所示：

www.example.com/?token=3d2b9bc55a85b641ce867edaac8a979173d4446525230290fc86a0ed8ff18b95

我的代码已经正确使用了角度路由，但我必须像这样从 URL 中获取令牌：

var postToken = $location.search().token;

我在配置上有这个：

 app.config(function($locationProvider, $httpProvider, $routeProvider) {
    $routeProvider
    .when('/token/:token', {
        templateUrl : 'views/select-token.html',
        controller : 'selectHold'
    })
    .when('/purchase-hold/token/:token', {
        templateUrl : 'views/purchase-token.html',
        controller : 'purchaseHold'
    });
});

我希望我的网址看起来像这样：

www.example.com/token/3d2b9bc55a85b641ce867edaac8a979173d4446525230290fc86a0ed8ff18b95

我需要编写什么代码才能搜索/token/ 并抓取它旁边的数据，而不是?token=？

Answer 1

你可以在你的控制器中注入 $routeParams 并且它将在其中可用

app.controller('selectToken', function($scope, $routeParams) {
     console.log($routeParams.token);
     // We now have access to the $routeParams here
});

然后 Angular 会用 :token 的 key 填充 $routeParams，key 的 value 将用加载的 URL 的 value 填充。

如果浏览器加载 URL www.example.com/token/3d2b9bc55a85b641ce867edaac8a979173d4446525230290fc86a0ed8ff18b95 ,

那么 $routeParams 对象将如下所示：

{ token: '3d2b9bc55a85b641ce867edaac8a979173d4446525230290fc86a0ed8ff18b95' }

Answer 2

像现在一样构建你的路线

.when('/token/:token', {templateUrl : 'views/select-token.html', controller : 'selectToken' })

然后在您的控制器中注入 $routeParams，您将能够访问您的路由参数

.controller('selectToken', function($scope, $routeParams){
  $scope.token = $routeParams.token
}