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