角度4模板驱动形式的嵌套子组件验证

时间:2018-11-27 16:28:19

标签: angular

我需要有关Angular 4中嵌套组件模板驱动的表单验证的帮助。我们有一个包含4个步骤的stepper控件,每个步骤都有自己的ngForm。每个表单都具有如下嵌套的组件

<Stepper1>
<ParentComponent1 ngForm>
            <ChildComponent1>
                        <GrandChildComponent1></GrandChildComponent1>
</ChildComponent1>
</ParentComponent1>
</Stepper1>

我在GrandChildComponent1中进行的验证很少,但是当用户未在GrandChildComponent中输入内容时,如何使ParentComponent表单无效? 我尝试通过在子组件的视图提供程序中提及SkipSelf来使其跳过并注册到其父表单,如下面的文章中所述。它适用于ChildComponent,但是当我们对GrandChildComponent进行相同操作时,它不起作用。 Angular2 nested template driven form

viewProviders: [{
   provide: ControlContainer,
   useFactory: (container: ControlContainer) => container,
   deps: [[new SkipSelf(), ControlContainer]],
}]

我们正在解决的另一篇文章 https://medium.com/@a.yurich.zuev/angular-nested-template-driven-form-4a3de2042475

有人可以帮助我们解决这个问题。如果您需要更多详细信息,请告诉我们。

0 个答案:

没有答案