Angularjs无法使用URLencoded $routeParams从$routeParams URL中读取参数

Question

我已经在我的应用程序中配置了这样的路径：

$routeProvider
    .when('/', {action: 'account_landing_page'})
    .when('/:resource/:id/:extrajson', {action: 'open_resource'})
    .when('/:resource/:id', {action: 'open_resource'})
    .otherwise({redirectTo: '/'})

如果url包含:extrajson，我希望能够执行不同的操作。所以我有一个网址：xyz/dashboard/1/%7B%22screen_shot_mode%22%3A%20%22on%22%7D

当这个URL加载时，它会丢失所有被用户编码的额外参数，并变成：xyz/#/dashboard/1。

有人能告诉我我在这里做错了什么吗？谁能解释一下为什么会发生这种事？

Answer 1

以下是一些可以帮助您理解的代码片段。

  when('/search/:someid', {
    templateUrl: 'partials/qviewplaceholder.html',
    controller: 'Myctrl as somectrl'
  }).

注意":someid“部分。在控制器下面会看到这个。

app.controller('Myctrl', ['$routeParams',function($routeParams) {
this.somedata = $routeParams.someid;
/*controller logic that uses $routeParams.someid for it's logic*/
}]);

现在您有了一个模板partials/qviewplaceholder.html，以及通过$routeParams传递给它的一个变量。$routeParams变量通常是一些可以用来指向某个对象的id。然后相应地显示数据。另外，这里有一个演示$routeparams使用的视频。https://www.youtube.com/watch?v=ziUelciLL5Q

Answer 2

这些参数是URL路径的一部分。因此，它将/:resource/:id/:extrajson与/foo/bar/baz匹配，其中$routeParams被解析为：

{
  "resource": "foo",
  "id": "bar",
  "extrajson": "baz"
}

https://docs.angularjs.org/api/ngRoute/service/$routeParams