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

前端之家收集整理的这篇文章主要介绍了位置 – AngularJS – 更新$route参数的最佳方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有几条不同的路线,但包含相似的参数.
例: @H_404_2@when '/user/:accountId/charts/:chartType',controller:ChartsController when '/manager/:accountId/charts/:chartType',controller:ChartsController when '/whatever/pathy/paththingy/charts/:chartType',controller:ChartsController

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

@H_404_2@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,您可以执行如下代码

@H_404_2@$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" })

你也可以使用这段代码在状态之间进行导航:

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

Documentation

原文链接:https://www.f2er.com/angularjs/142665.html

猜你在找的Angularjs相关文章