Как я могу разместить массив на ngModel?

Question

Я хочу получить данные из не точно количества входных данных в правильном направлении в Angular 8:

HTML

<input  type="text" class="form-control">
<input  type="text" class="form-control">
<input  type="text" class="form-control">

И я ожидаю, что падение здесь :

TS

contato = { nome: '', tipo: '', fone: '', celular: '', email: '', skype: '', **prod: []** }

Я пробовал что-то вроде:

<input [(ngModel)]="contato.prod" type="text" class="form-control">
<input [(ngModel)]="contato.prod" type="text" class="form-control">
<input [(ngModel)]="contato.prod" type="text" class="form-control">

Нет результатов

Answer 1

Я не уверен, что вы пытаетесь сделать, но если вы хотите один вход для каждого продукта, вы можете использовать что-то вроде этого, используя * ngFor:

@Component({
  selector: "app-example",
  template: `
    <input [(ngModel)]="contato.nome" type="text" class="form-control" />
    <input *ngFor="let prod of contato.prod; let i = index;" [(ngModel)]="contato.prod[i]" type="text" class="form-control" />
  `,
  styles: []
})
export class ExampleComponent {
  contato = { nome: "", prod: ["A", "B", "C"] };
}