Angular 2 Dynamic Nested Form

rundsätzlich möchte ich ein dynamisches Formular mit verschachtelten Objekten wie dem folgenden erstellen:

Pay Offs befinden sich in einem Array auf dem ModellWir sollten in der Lage sein, Auszahlungen nach Bedarf hinzuzufügen / zu entfernen.Das Formular sollte die zugrunde liegenden Formularsteuerelemente und das Modell synchronisierenDie Anzahl der Auszahlungen ist beliebig und sollte aus dem Modell in das Formular geladen werden

Es gibt keine Arbeitsbeispiele, die ich in Angular 2 finden könnte, obwohl dies in Angular 1 wirklich einfach war.

Below ist meine ursprüngliche Frage, die ich seitdem zur Klärung aktualisiert habe (siehe oben):

Zunächst wollte ich nur darauf hinweisen, dass mir bewusst ist, dass vor ein paar Tagen eine neue Version von Angular 2 rc.2 veröffentlicht wurde. Der Code zum Erstellen eines dynamischen, verschachtelten Formulars hat sich möglicherweise geändert, es gibt jedoch nicht genügend Dokumentation, um dies herauszufinden.

In den neuesten Versionen von Angular 2 (ich verwende derzeit RC.1, plane aber ein Update auf RC.2) muss ich ein Formular wie das folgende erstellen (Pseudo-Code der Ansicht):

<form [ngFormModel]="form" (ngSubmit)="onSubmit()">
  <input type="text" ngControl="name">

  <div *ngFor="let expense for expenses; let i = index;" control-group="expenses">
    <input type="text" ngControl="expense.amount" [(ngModel)]="myModel.expenses[i].amount"> 
    <input type="checkbox" ngControl="expense.final" [(ngModel)]="myModel.expenses[i].final"> 
  </div>

  <a class="button" (click)="addExpenseControl()">Add</a>
  <a class="button" (click)="deleteExpenseControl()">Delete</a>
</form>

So funktioniert der obige Pseudocode nicht, aber um ehrlich zu sein, kann ich aus Mangel an Dokumentation nicht herausfinden, wie man so etwas verkabelt. Es gibt ein paar Tutorials zu verschachtelten ControlGroups, aber das passt hier nicht, da wir in der Lage sein müssen, Kontrollgruppen dynamisch hinzuzufügen und zu entfernen, und ich muss sie auch mit einem Modell synchronisieren können.

Ich habe das gefunden plunkr hier zur Verfügung gestellt von Angular Team, das das Hinzufügen von Controls zu einem Formular erlaubt - aber dies ist nicht das Hinzufügen / Entfernen einesKontrollgrupp, sondern es verwendet ControlArray und ich bin nicht sicher, ob das hier zutrifft?

Ich bin sehr vertraut mit der Verwendung der neueren modellbasierten Angular 2-Formulare, suche jedoch nach Ressourcen, um diese (dynamisch!) Richtig zu verschachteln und diese verschachtelten Daten in das Hauptformularmodell einzubinden. Wie würde ich in der Ansicht auf verschachtelte Steuerelemente verweisen? Ist der obige Pseudocode überhaupt nah? Ich poste Code von meinem Controller, aber ehrlich gesagt würde ich nicht wissen, wo ich anfangen soll, wenn es um die verschachtelten Ausgaben (ControlGroup ??) oben geht ...

Antworten auf die Frage(2)

Ihre Antwort auf die Frage