我有几条不同的路线,但包含相似的参数.
例: @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
例: @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之间切换,同时保持路由的其余部分.
示例:(这不工作)
有没有人有任何想法如何轻松地更新路由的参数,而无需完全重新编写或重建路由路径?
如果有可能,我建议你改用
ui-router.它在许多方面比ngRoute更强大.
原文链接:https://www.f2er.com/angularjs/142665.html本质上,该模块具有更高级别的概念,称为状态包装底层路由,可以阻止您直接与较低路由级别(如路由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});