0
359
Views¿Cómo hago que ngFor con entrada dentro no repita el valor de escritura?
Necesito hacer múltiples entradas con ngFor pero cuando ingreso una palabra se repite en todas las entradas que hay, ¿cómo puedo solucionar esto?
mi código:
<div class="" *ngFor="let publication of publications"> ... <form #newCommentForm="ngForm" (ngSubmit)="onSubmit(newCommentForm, $event, publication._id)"> <div class="make-comment" > <img src="{{url+ 'get-image-user/' + publication.user.image }}" *ngIf="publication.user.image" class="rounded-circle-mini align-self-center"> <input type="text" name="#text" #text="ngModel" [(ngModel)]="comment.text" id="input-coment" class="form-control" required placeholder="Your comment"> <button class="btn btn-sm btn-secondary" style="color: #fff;" type="submit"><i class="bi bi-arrow-bar-left"></i></button> </div> </form> </div>
·
Juan Pablo Isaza
2 answers
Answer question0
Está vinculando la variable 'comentario.texto' a cada entrada [modelo]. Es decir, su valor se comparte entre todos sus ámbitos de entrada. Debe usar 'publicación', que solo tiene un alcance para cada entrada.
*ngFor="let publication of publications" Cambie [(ngModel)]="comment.text" a algo como [(ngModel)]="publication.text"
·
Juan Pablo Isaza
Report
0
Está vinculando todas las entradas a una sola propiedad comment.text . Debe crear una propiedad para cada entrada y vincular la entrada con ella.
·
Juan Pablo Isaza
Report
Answer question