ui-路由器，组件不会与子状态绑定

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>，所以它没有将数据解析到组件中。

感谢 找到它。