从父状态转换到UI-router子状态的问题

Question

我已经尝试在这方面寻找其他线程的帮助，但无济于事。我知道我正在使用嵌套状态，也尝试了绝对/相对路由，但它不能从searchResults转换为attributeDefinition状态。我正在使用UI Router进行状态转换，其中包含以下文件...

<!-- index.html page -->
<div ai-body>
    <!-- AngularUI View Pane -->
    <div class="ai-content content" id="ai-content" ui-view></div>
</div>

//index.router.js: Routes
.state('searchResults', {         //Parent state
        url: "/searchResults/{app}?keyword",
        templateUrl: "app/searchResults/searchResults.html",
        ncyBreadcrumb: { label: 'Search Results' }
       })
       //Attribute Definition
        .state('searchResults.attributeDefinition', {    //child state
             url: "/attributeDefinition/{action}",
             templateUrl: "app/attributeDefinition/attributeDefinition.html",
             ncyBreadcrumb: { label: 'Create Attribute Definition' }
            })

<!-- searchResults state -->
<a type="button" class="btn btn-primary" ui-sref=".attributeDefinition({action: 'create'})">
                    Create new definition
                </a>

Answer 1

我能够使用以下$stateProvider配置解决在父状态的未命名ui视图中加载嵌套状态的问题。它使用了'views‘属性来定位未命名的视图(而不是相对的)。可能看起来很简单，但我发现在线文档并不容易解释，也没有任何在线示例提供这种解决方案。有关详细信息，请参阅文档，此处为[ http://bit.ly/VLKhGg ]-

$stateProvider //Parent state .state('searchResults', { url: "searchResults/{app}?keyword", views: {"@" : { url: "/searchResults/{app}?keyword", templateUrl: "app/searchResults/searchResults.html" } } }) //Child state .state('searchResults.attributeDefinition', { url: "/attributeDefinition/{action}", parent: 'searchResults', views: {"@" : { url: '/attributeDefinition/{action}', templateUrl: "app/attributeDefinition/attributeDefinition.html" } } })