[英]Transition to different state with state params
嗨,我是角度路由的新手,想知道如何通过控制器转换到不同的状态。
我知道我必须注入我所做的$ state服务,但我不清楚如何使用服务的转换方法。
这是我在我的控制器代码中尝试转换但它无法正常工作:((我试过$ stateService.go(...)但是没有成功)
$stateService.transitionTo("teststate({ path: 'Test.TestState' })");
这是我的州定义
$stateProvider
.state("teststate",
{
url: '/:path',
templateUrl: (stateParams) => {
return '/Templates?path=' + stateParams.path;
},
})
任何帮助,将不胜感激!
谢谢
它可以通过两种方式完成:
1 - 使用$ state
app.controller("fruitsCtrl", function ($scope, $state) {
//goto vegetables page with params
$state.go('vegetables', {name:"carrot"});
// or other possibility
$state.transitionTo('vegetables', {name:"carrot"});
});
2 - 使用ui-sref
<nav>
<ul>
<li><a ui-sref="fruits({name: 'mango'})">Fruits</a></li>
<li><a ui-sref="vegetables({name: 'potato'})">Vegetables</a></li>
</ul>
</nav>
提供的路线:
$stateProvider
.state('fruits', {
url:"/fruits/:name",
templateUrl: "views/fruits.html",
controller: "fruitsCtrl"
})
.state('vegetables', {
url:"/vegetables/:name",
templateUrl: "views/vegetables.html",
controller: "vegetablesCtrl"
});
快乐帮助!
它就像下面一样。
$stateProvider.state('contacts', {
url: '/:path',
templateUrl: function ($stateParams){
return '/Templates?path=' + $stateParams.path;
}
})
转换到新状态的便捷方法, $state.go
,内部调用$state.transitionTo
。 我更喜欢使用$state.go
而不是$scope.transitionTo
$state.go("teststate",{ path: 'Test.TestState' });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.