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.

Также обратите внимание, что Разрешенные зависимости через свойства разрешений и пользовательские данные наследуют от родительской области.