Basicamente, quero criar um formulário dinâmico com objetos aninhados, como na figura abaixo:

Os payoffs estão em uma matriz no modeloDeveríamos poder adicionar / remover pagamentos, conforme necessário.O formulário deve sincronizar controles e modelo subjacentesO número de payoffs é arbitrário e deve ser carregado no formulário a partir do modelo

Não há exemplos de trabalho que eu possa encontrar como fazer isso no Angular 2, embora isso fosse realmente fácil de fazer no Angular 1.

Abaixo está minha pergunta original; desde então, atualizei-a para esclarecimentos (veja acima):

Primeiro, eu só queria ressaltar que estou ciente de que uma nova versão do Angular 2 rc.2 acaba de ser lançada alguns dias atrás. Portanto, o código para criar um formulário aninhado dinâmico pode ter mudado um pouco, mas não há documentação suficiente para descobrir isso.

Nas versões mais recentes do Angular 2 (atualmente estou usando o rc.1, mas pretendo atualizar para o rc.2), preciso criar um formulário como este (pseudo-código de vista):

<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>

Portanto, o pseudo-código acima não funcionará, mas para ser sincero, devido à falta de documentação, não consigo descobrir como conectar algo assim. Existem alguns tutoriais sobre o ControlGroup aninhado, mas isso não se encaixa no caso aqui, pois precisamos poder adicionar e remover dinamicamente grupos de controle, e também preciso sincronizá-los com um modelo.

Eu achei istoplunkr aqui fornecido pela equipe Angular, que permite adicionar Controles a um formulário - mas isso não é adicionar / remover umGrupo de controle, em vez disso, está usando ControlArray e não tenho certeza se isso se aplica aqui?

Estou familiarizado com o uso dos novos formulários Angular 2 baseados em modelo, mas estou procurando recursos para aninhar adequadamente (dinamicamente!) E vincular esses dados aninhados ao modelo de formulário principal. Como me referiria a controles aninhados na exibição? O pseudocódigo acima está próximo? Eu postaria o código do meu controlador, mas sinceramente não saberia por onde começar quando se trata das despesas aninhadas (ControlGroup ??) acima ...