Javascript AngularJS ui路由器v1.0.14-子状态首次加载，然后在更改时消失

我很难理解为什么我的孩子状态不能正常工作。我要做的是定义一个父抽象状态（“队列”），它定义了基本url，然后是三个子状态，根据一个参数显示三种不同的类型。以下是我所拥有的：

/* Queues */
        .state('queues', {
            abstract: true,
            parent: 'app',
            url: '/queues',
            template: '<ui-view></ui-view>'
        })
            .state('queues.user', {
                url: '/user/{userId:int}',
                component: 'userQueue'
            })
            .state('queues.request', {
                url: '/request/{queue}',
                component: 'requestQueue'
            })
            .state('queues.function', {
                url: '/group/{function}',
                component: 'functionGroupQueue'
            })

/*队列*/
.state（'队列'{
摘要：没错，
父项：“应用程序”，
url:“/queues”，
模板：“”
})
.state（'queues.user'{
url:“/user/{userId:int}”，
组件：“userQueue”
})
.state（'queues.request'{
url:“/request/{queue}”，
组件：“请求队列”
})
.state（'queues.function'{
url:“/group/{function}”，
组件：“functionGroupQueue”
})

这在我第一次进入任何子状态时都有效，但是，如果我试图更改参数或进入同级状态，子模板和父模板将从HTML中取出，并且永远不会重新插入

首次访问$stateParams.queue='all'的'queues.request'状态：

然后，访问任何同级状态或更改状态参数后会发生什么情况：

奇怪

我可以通过不嵌套状态来实现，而只是让它们成为自己的单独状态，然而，我真的很想知道为什么上面的方法不能正常工作

任何帮助都将不胜感激