ui-router，组件不会与子状态绑定

Question

这可能是一个新手问题，我刚刚开始使用 angular/uiRouter，如果任何有经验的人能指出我正确的方向，我会很高兴。

我正在尝试将组件与父级为抽象的状态绑定。

这是我目前所拥有的：

国家

    {
        name: 'main',
        url: '/main',
        templateUrl: 'template/main.html',
        abstract: true
    }
    ,
    {
        name: 'main.data',
        resolve: {
            items: function(ItemsService){
                return ItemsService.getPosts();
            }
        },
        url:'',
        component: 'pageData'
    }

组件

app.component('pageData', {
templateUrl:  'template/pageData.html',
controllerAs: 'pageCtrl',
bindings: {
    items: '<'
}

理论上应该可以，但实际上不行。

到目前为止，我发现只需删除父级并直接访问状态即可，但这不是我想要实现的目标：

    {
        name: 'data',
        resolve: {
            items: function(ItemsService){
                return ItemsService.getPosts();
            }
        },
        url:'/data',
        component: 'pageData'
    }

Answer 1

显然我没有在父母模板中为我的子状态指定<ui-view>，因此它没有将数据解析为组件。

感谢Shawn's comment。