Nehmen wir an, mein generiertes HTML aus der App angular2 sieht folgendermaßen aus:

<app>
<form [formGroup]="myForm" (ngSubmit)="onSubmit(myForm.value)">
<panel-component>
    <mid-component>
        <inner-component-with-inputs>
            <input/>
        <inner-component-with-inputs>
    <mid-component>
</panel-component>
<panel-component>
    <mid-component>
        <inner-component-with-inputs>
            <input/>
        <inner-component-with-inputs>
    <mid-component>
</panel-component>

<!-- many many many fields -->

<button type="submit">Submit</button>
</form>
</app>

Wie kann ich mein äußeres @ einrichte<form> so, dass ich alle inneren Eingaben beim Absenden validieren kann? Muss ich @ übergebmyForm durch@Input() ganz unten vonpanel-component zuinner-component-with-inputs? Oder gibt es einen anderen Weg?

n meiner Bewerbung habe ich ein sehr großes Formular mit mehreren Panels, Subpanels, Tabs, Modals usw. und ich muss in der Lage sein, alles auf einmal zu validieren, wenn ich es abschick

Alle Tutorials und Ressourcen im Internet behandeln nur Formulare, die sich über eine Komponente / Vorlage erstrecken.