0

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

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

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

+0

請查看https://github.com/angular-ui/ui-router/wiki/Nested-States-&-Nested-Views – Teliren

回答

0
$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。

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