Javascript 使用状态参数转换到不同的状态

嗨，我是角度布线新手，想知道如何通过控制器转换到不同的状态

我知道我必须注入$state服务，但我不清楚如何为该服务使用转换方法

这就是我在控制器代码中尝试转换的内容，但它不起作用：（（我也尝试了$stateService.go（…）但没有成功）

这是我的国家定义

    $stateProvider
        .state("teststate",
        {
            url: '/:path',
            templateUrl: (stateParams) => {
                return '/Templates?path=' + stateParams.path;
            },
        })

任何帮助都将不胜感激

---

谢谢

就如下面所示

$stateProvider.state('contacts', {
   url: '/:path',
   templateUrl: function ($stateParams){
     return '/Templates?path=' + $stateParams.path;
   }
 })

转换到新状态的方便方法，

$state.go

，它在内部调用

$state.transition

。我更喜欢使用

$state.go

而不是

$scope.transition

$state.go("teststate",{ path: 'Test.TestState' });

你是说这个吗

$state.go("teststate", { path: 'Test.TestState' });  

---

可以通过以下两种方式完成：

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> 

---

很高兴帮忙！

工作得很有魅力！！谢谢

<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"
                });