ui.router嵌套視圖繼承父窗體

Question

是否有可能有一個ui.router嵌套視圖繼承它的父窗體？我想組織我的表單來嵌套視圖，同時利用父控制器上的角度表單驗證。

我最初是在沒有ui.router的情況下通過使用require: ['^form']（處理特定表單邏輯）的指令來達到這個目的，但是控制器的視圖變得太大/不可維護。因此，輸入ui.router的嵌套視圖，但它似乎失去了將所有父窗體對象傳遞給ui.router的嵌套視圖以最終傳遞到我以前使用的指令（使用require['^form']）。

之前有人遇到過這個問題嗎？

Answer 1

$stateProvider 
    .state('form', { 
     abstract: true, 
     url: '/form', 
     controller: FormController, 
     template: '<ui-view/>' 
    }) 
    .state('form.child1', { 
     url: '/child-one', 
     controller: ChildOneController 
    }) 
    .state('form.child2', { 
     url: '/child-two', 
     controller: ChildTwoController 
    }); 

在這個例子中母體的範圍屬性繼承下來的狀態鏈。因此，FormController的所有範圍屬性都將在子級中可用，在本例中爲ChildOneController和ChildTwoController。

此外，請注意通過解決方案解決了依賴關係，自定義數據屬性將從父範圍繼承。