我需要有关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
有人可以帮助我们解决这个问题。如果您需要更多详细信息,请告诉我们。