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。

此外，请注意通过解决方案解决了依赖关系，自定义数据属性将从父范围继承。