Je veux obtenir des données à partir d'un nombre pas exactement d'entrées de la bonne manière dans Angular 8 :

HTML

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

Et je m'attends à ce que tombent ici:

TS

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

J'ai essayé quelque chose comme:

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

Aucun résultat

1
Eduardo Fellipe 19 févr. 2020 à 13:30

1 réponse

Meilleure réponse

Je ne sais pas ce que vous essayez de faire, mais si vous voulez une entrée pour chaque prod, vous pouvez utiliser quelque chose comme ceci en utilisant le * 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"] };
}
1
Dacuma 19 févr. 2020 à 11:22