用ui-路由器加载子状态时出错

Question

我有一个工作应用程序，尽管我正在改变架构，将视图缩减为更小、更易于管理的文档。我现在有一个有子状态的州。

.state('patents', {
    url: '/patents',
    templateUrl: 'p3sweb/app/components/patents/views/list-patents.htm',
    controller: 'listPatentsCtrl',
    controllerAs: '$ctrl',
})
.state('patents.patent', {
    url: '/{patentId}/:patentHref',
    templateUrl: 'p3sweb/app/components/patents/views/patent-item.htm'
})

当我单击状态patents中的表行时，会弹出它下面的patents.patent视图。

我现在已经更改了它，因此子patents.patent状态有多个视图，如下所示：

.state('patents.patent', {
    url: '/{patentId}/:patentHref',
    templateUrl: 'p3sweb/app/components/patents/views/patent-item.htm',
       views: {
        '@': {
            templateUrl: 'p3sweb/app/components/patents/views/patent-item.htm'
        },
        'patentinfo@patents.patent': {
            templateUrl: 'p3sweb/app/components/patents/views/ui-views/patent-info.htm',
            controller: 'patentInfoCtrl',
            controllerAs: '$ctrl'                
        },
        'patentcostanalysis@patents.patent': {
            templateUrl: 'p3sweb/app/components/patents/views/ui-views/patent-costanalysis.htm',
            controller: 'patentCostAnalysisCtrl',
            controllerAs: '$ctrl'
        },
        'patentrenewals@patents.patent': {
            templateUrl: 'p3sweb/app/components/patents/views/ui-views/patent-renewals.htm',
            controller: 'patentRenewalsCtrl',
            controllerAs: '$ctrl'                
        }
    })

现在单击状态patents中的行时，patents.patent视图将替换父视图。因此，它不是显示在它下面，而是显示的唯一视图。

问题

如何解决patents.patent状态中包含多个视图的问题？

Answer 1

因此，在阅读ui-路由器wiki之后，使用@创建了一个绝对路径，而我并没有针对父状态patents中的视图。

所以而不是

views: {
    '@': {
        templateUrl: 'p3sweb/app/components/patents/views/patent-item.htm'
     }

它应该是

views: {
    '@patents': {
        templateUrl: 'p3sweb/app/components/patents/views/patent-item.htm'
     }