angularjs - 无法使用 $state.go 发送数据

Question

我的 Angular 应用程序中有这段代码。正如代码所说，有多个 View 正在加载，我想传递一个参数。

.state('root.moduleListing', {
    params: ['registerData'],
    views: {
        "main_container": {
            controller: 'ModuleListingController as model',
            templateUrl: 'misc/module-listing/module-listing.tpl.html',
            resolve: {
                registerData: ['$stateParams', function($stateParams) {
                    return $stateParams.registerData;
                }]
            }
        },
        "components_header_header": {
            controller: 'HeaderController as model',
            templateUrl: 'components/header/post-login.tpl.html',
        },
        "components_footer_footer": {
            controller: 'FooterController as model',
            templateUrl: 'components/footer/footer.tpl.html',
        }
    }
}

&我正在使用它来调用

$state.go('root.moduleListing', {'registerdata': response});

&在 Controller 中，我只是想将其记录到控制台。

module.controller('ModuleListingController', function ($scope, $state, registerData) {
    var model = this;
    console.log("registerData : " + registerData);
}

现在应用程序甚至无法启动，即我在控制台中收到错误消息:

failed to instantiate module amcatUI due to:
TypeError: id.match is not a function
    at getArrayMode

Answer 1

状态转换两侧定义的参数类型和 $state.go 的 toParamas 应该是相同的数组或对象。只需在状态定义中添加带有默认值的参数即可。

您需要更新您的代码

params: ['registerData'],

至

params: {'registerData' : null},

详细解答可以引用“https://stackoverflow.com/a/26204095/1132354”。

编辑

此外，您还需要更新

$state.go('root.moduleListing', {'registerdata': response});

到

$state.go('root.moduleListing', {'registerData': response});

有一个小拼写错误。