【问题标题】:States angularjs $stateProvider not passing arguments状态 angularjs $stateProvider 不传递参数
【发布时间】:2015-09-25 22:10:09
【问题描述】:

我有一个使用标准 $routeProvider 进行路由的当前 angularjs 应用程序。我打算将应用程序的一部分 $stateProvider 用作向导。

我像这样声明了一个父状态“Modal”和一个子状态“editClient”:

    $stateProvider.state('Modal', {
        views: {
            'modal': {
                templateUrl: '*urlHere*',
                controller: '*controllerHere'
            }
        },
        abstract: true
    });

    $stateProvider.state('Modal.editClient', {
        views: {
            "modal": {
                url: '/editClient/:id',
                templateUrl: '*templateHere*',
                controller: '*controllerHere*'
            }
        }
    });

在我的控制器中我调用:

$state.go('Modal.editClient', { id: 1});

然而 $stateParams 是空的。怎么会?

我正在使用 angular-ui-router 版本 0.2.15 和 angularjs 1.2.25。目前无法更新到更高的 angularjs 版本。

更新

我也试过了:

    $stateProvider.state('Modal.editClient', {
        views: {
            "modal": {
                params: {
                    'id' : 0
                },
                templateUrl: '*templateUrlHere*',
                controller: '*controllerHere*'
            }
        }
    });

【问题讨论】:

  • url 不进入views
  • 所以我删除了网址。并将参数添加到状态声明中。仍然没有在 $stateParams 中给我任何 id。

标签: javascript angularjs angular-ui-router


【解决方案1】:

你没有在你定义你的状态的状态下传递参数,你需要做这样的事情。

 $stateProvider.state('Modal', {
        views: {
            'modal': {
                templateUrl: '*urlHere*',
                controller: '*controllerHere'
            }
        },
        abstract: true
    });

    $stateProvider.state('Modal.editClient', {
       params: {
                        'id': 0
                },
        views: {
            "modal": {
                url: '/editClient/:id',
                templateUrl: '*templateHere*',
                controller: '*controllerHere*'
            }
        }
    });

【讨论】:

  • 试过了,有无 url 属性。仍然没有给我任何 id 可以使用。即使声明了一个值。
  • 您是否尝试过使用参数:{ 'id': 0 }, ?尝试使用新的编辑参数
  • 是的,替换参数的位置使其工作。感谢您的帮助。
  • 欢迎哥们愉快的编码:)
猜你喜欢
  • 2015-04-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-01-01
  • 1970-01-01
  • 2019-01-27
  • 1970-01-01
相关资源
最近更新 更多