ui-router、コンポーネントは子の状態とバインドされません

Question

これはおそらく新しい質問です。私はちょうど角度/ 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>を指定していません親テンプレート内の状態であるため、データをコンポーネントに解決しませんでした。

Shawn's commentのおかげです。