Question

我正在尝试使用现有应用测试UI路由器。当然我早就遇到了问题。以下是我到目前为止的情况：

(function () {
    var app = angular.module('hon.configurator.uiroutes', ['ui.router', 'ncy-angular-breadcrumb']);

    app.config(['$stateProvider', '$stateParams', function ($stateProvider) {
        $stateProvider
            .state('home', {
                url: '/',
                controller: function ($scope, $stateParams) {
                    console.log($stateParams);
                }
            })
            .state('series', {
                url: '/:series',
                controller: function($scope, $stateParams) {
                    console.log($stateParams);
                }
            })
            .state('configurator', {
                url: '/:series/:configurator'
            });
    }]);

})();

我收到了[$ injector：unpr] $ stateParams。

的错误

这确实会缩小，我知道这可能是一个问题，但我确定这是否是一个问题，如果是，如何使用控制器修复它：语法。

感谢。

Answer 1

您无法在配置中访问$stateParams，因为只有提供商＆amp;在角配置阶段内可以访问常量，$ stateParams是value服务。

angular.module('ui.router.state')
  .value('$stateParams', {});

基本上你需要从配置函数

中删除$stateParams依赖项

更改

app.config(['$stateProvider', '$stateParams', function ($stateProvider) {

到

app.config(['$stateProvider', function ($stateProvider) {

UI路由器错误输出

1 个答案: