javascript - ui-router，组件不会与子状态绑定(bind)

Question

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

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

这是我到目前为止所拥有的:

州

    {
        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>对于 parent 模板中的我的 child 状态，因此它没有将数据解析为组件。

感谢 Shawn's comment 找到它.