javascript - 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>在父母模板中为我的子状态指定一个，所以它没有将数据解析为组件。

多亏了肖恩的评论才找到它。