UI路由器嵌套状态参数与父状态参数

时间:2018-03-02 15:11:21

标签: angularjs angular-ui-router

我有这样的路由:

$stateProvider
    .state('Lorem', {
        url: '/Lorem',
        params: { type: 'A'},
        templateUrl: 'views/lorem.html',
        controller: 'loremCtrl as ctrl'
    })
    .state('Lorem.son', {
        url: '/son',
        params: { position: 'X'},
        templateUrl: 'views/lorem.son.html',
        controller: 'loremSonCtrl as ctrl'
    })

当我转到/Lorem/son路线时,我的$stateParams设置为父Lorem状态参数。

为什么会这样?
我只想阅读Lorem.son州参数。

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

状态Lorem.son的控制器根本没有被执行,这就是为什么你没有看到position的值。那是因为你没有使用ui-view指令。

您需要在views/lorem.html中添加以下内容来嵌套视图:

<div ui-view />

有关详细信息,请查看documentation of ui-router

检查此plunker以获取演示。