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

Question

我有这样的路由：

$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状态参数。

有人能帮我吗？

Answer 1

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

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

<div ui-view />

有关更多详细信息，请查看documentation of ui-router。

检查这个plunker进行演示。