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>，因此它没有将数据解析为组件。

感谢Zen of Python。