Angular 如何在ngModel上发布阵列？

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

HTML

我试过这样的方法：

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

---

无结果

我不确定您想做什么，但是如果您希望每个产品都有一个输入，您可以使用*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"] };
}

@组件({
选择器：“应用程序示例”，
模板：`
`,
样式：[]
})
导出类ExampleComponent{
contato={nome:，prod:[“A”，“B”，“C”]}；
}

您想实现什么目标，请解释您的问题？

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

@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"] };
}