0
368
Vistas¿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 Respuestas
Responde la pregunta0
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
Denunciar
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
Denunciar
Responde la pregunta