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>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"
Está vinculando todas las entradas a una sola propiedad comment.text . Debe crear una propiedad para cada entrada y vincular la entrada con ella.