如何用参数做 $state.go() ？

Question

我已经完美地初始化了 $stateProvider 并且我将所有这些状态与 ui-sref 一起使用。效果很好。用户按下按钮并通过 $stateProvider 进入编辑页面。

在此页面上，我有一个执行 $http 请求的表单：

 this.pushData = function (data) {
        $http.post('/data/' + $stateParams.dataId + '/otherdata', JSON.stringify({
            id: otherdata.id, 
            name: otherdata.name
        }), configAuth).then(
            function success(response) {
                var addedData = response.data;
                $.notify({message: addedData.name + " has been added"},{type:'success'});

                $state.go('roleInfo({roleId: $stateParams.roleId})');
            },
            function error(data) {
                console.log(data);
                $.notify({message: data.data.message},{type:'danger'});
            }
        );

    }

如果一切正常，我想重定向到其他视图。但是这个：

$state.go('roleInfo({roleId: $stateParams.roleId})');

不起作用。如何使用参数执行 $state.go？

Answer 1

试试这个：

$state.go('myStateName', {roleId: $stateParams.roleId});

You can read the docs here

Answer 2

您尝试使用 ui-sref 指令的方式，在使用 $state.go 方法调用它时，您应该传递第一个参数是 stateName 然后传递 [= 中的参数14=] 格式。

$state.go('roleInfo', {roleId: $stateParams.roleId});

Answer 3

我变了 $state.go('roleInfo({roleId: $stateParams.roleId})'); 至

 $state.go('roleInfo',{roleId :$stateParams.roleId});

这会起作用

this.pushData = function (data) {
            $http.post('/data/' + $stateParams.dataId + '/otherdata', JSON.stringify({
                id: otherdata.id, 
                name: otherdata.name
            }), configAuth).then(
                function success(response) {
                    var addedData = response.data;
                    $.notify({message: addedData.name + " has been added"},{type:'success'});

                   $state.go('roleInfo',{roleId :$stateParams.roleId});                    },
                function error(data) {
                    console.log(data);
                    $.notify({message: data.data.message},{type:'danger'});
                }
            );

        }

如何用参数做 $state.go() ？

How to do $state.go() with params?

javascript

routing

angularjs

angularjs-routing

angular-ui-router