位置 – AngularJS – 更新$route参数的最佳方式

发布时间：2020-12-17 07:38:56 所属栏目：安全来源：网络整理

导读：我有几条不同的路线,但包含相似的参数. 例： when '/user/:accountId/charts/:chartType',controller:ChartsControllerwhen '/manager/:accountId/charts/:chartType',controller:ChartsControllerwhen '/whatever/pathy/paththingy/charts/:chartType',cont

我有几条不同的路线,但包含相似的参数.
例：

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

注意所有三个视图都使用相同的图表控制器来控制视图.它是一个相当通用的控制器,但它需要在可用的chartTypes之间切换,同时保持路由的其余部分.
示例：(这不工作)

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'

有没有人有任何想法如何轻松地更新路由的参数,而无需完全重新编写或重建路由路径？

如果有可能,我建议你改用 ui-router.它在许多方面比ngRoute更强大.

本质上,该模块具有更高级别的概念,称为状态包装底层路由,可以阻止您直接与较低路由级别(如路由URL)一起工作.

比较：AngularJS: Difference between angular-route and 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});

Documentation

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!