1

这可能是一个新问题,我刚刚开始使用angular/uiRouter,如果有经验丰富的人可以将我指向右侧,我会很高兴方向。ui-router,组件不会与子状态绑定

我想绑定一个组件的父母是抽象的状态。

这是我到目前为止有:

美国

{ 
     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' 
    } 
+0

确保你的'main.html'有''。 – Shawn

+0

它会,模板加载,但项目在页面控制器中未定义。 – MrQwertyXoid

+0

重新检查,它没有。我已经把组件标签()改为了。我想你可能已经解决了它!一旦我开始编辑项目,我会更新结果。 – MrQwertyXoid

回答

0

显然,我还没有指定一个<ui-view>为我的孩子父母模板中的状态,所以它没有将数据解析为组件。

感谢Shawn's comment