如何在 ngModel 上发布数组？答案

【问题标题】：How can I post an array on ngModel?如何在 ngModel 上发布数组？
【发布时间】：2020-02-19 10:30:28
【问题描述】：

我想在 Angular 8 中以正确的方式从不完全数量的输入中获取数据：

HTML

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

我希望它落在这里：

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

没有结果

【问题讨论】：

你想达到什么目的，解释你的问题？

标签： angular input ngmodel

【解决方案1】：

我不确定你想做什么，但如果你想为每个 prod 提供一个输入，你可以使用 *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"] };
}

【讨论】：