AngularJS-更新$路线参数的最佳方法

Question

我有几个不同的路由，但包含相似的参数。
示例：

when '/user/:accountId/charts/:chartType', controller:ChartsController
when '/manager/:accountId/charts/:chartType', controller:ChartsController
when '/whatever/pathy/paththingy/charts/:chartType', controller:ChartsController

请注意，所有三个视图都使用相同的图表控制器来控制视图。这是一个相当通用的控制器，但它需要在可用的图表类型之间切换。。。同时保持路线的其余部分<示例：（这不起作用）

if my currrent url is '/user/001/charts/comparison'
Then I call something like:
$route.current.params.chartType = 'newChart';
$route.reload(); // or soemthing similar?
I want the url to become '/user/001/charts/newChart'

有人知道如何在不完全重新键入或重建路由路径的情况下轻松更新路由参数吗？

Answer 1

缺少这个简单的特性让我很恼火，所以我实现了它并在GitHub上提交了一份PR

Answer 2

如果可能的话，我建议您改用ui路由器。它在很多方面都比ngRoute强大。

本质上，这个模块有一个更高级别的概念，称为状态包装底层路由，它可以防止您直接使用较低级别的路由（如路由URL）。

比较一下：angular route和angular ui router有什么区别？

使用ui-router，您可以实现这样的代码：

$stateProvider
  .state('user.chart', {
     url: '/user/:accountId/charts/:chartType',   
     controller: "ChartsController"   
  })
 .state('manager.chart', {
     url: '/manager/:accountId/charts/:chartType', 
     controller: "ChartsController"
  })
 .state('pathy.chart', {
     url: '/whatever/pathy/paththingy/charts/:chartType', 
     controller: "ChartsController"
  })

您可以使用此代码在各州之间导航：

$state.go('user.chart',{chartType:'newChart'},{inherit:true});

文档

Answer 3

从angular 1.3开始，您可以使用$route.updateParams（newParams）更改路由参数。

这是一段引用自angular docs。。。

$route.updateParams（新参数）；

使$path服务更新当前URL，用newParams中指定的参数替换当前路由参数。提供的与路由的路径段定义匹配的属性名称将被内插到位置的路径中，而其余的属性将被视为查询参数。