我如何 post 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"] };
}

我如何 post ngModel 上的数组？

How can I post an array on ngModel?

input

ngmodel

angular