Tag: NGFOR
Tengo una directiva personalizada usando HostListener para detectar cuando el mouse entra en un elemento de la lista y usando HostBinding para cambiar el color de fondo del elemento. @HostBinding(‘style.backgroundColor’) backgroundColor: string; <p>@HostListener(‘mouseenter’) mouseOver(eventData: Event) { this.backgroundColor = this.altColor; } El elemento en el que se coloca esta directiva, es . . . Read more
Estoy creando una página de preguntas frecuentes con botones de acordeón, con grupos de botones bajo subencabezados. Lo diseñé utilizando una declaración “ngFor” en el archivo faq.html. <h1>Preguntas frecuentes</h1> <div *ngfor=”let item of data; let i = index;”> <button class=”accordion” (click)=”toggleAccordion($event, i)”> {{item.parentName}} </button> <div class=”panel” *ngfor=”let child of item.childProperties” . . . Read more
Tengo una página de chat, con diferentes personas con las que el usuario ha chateado en la última fecha de mensaje. getFunction de Firebase funciona bien, puedo ver la nueva matriz en la consola con la información correcta, pero en la página HTML, necesito cambiar la vista y volver a . . . Read more
Tengo una respuesta en formato json que se ve de la siguiente manera: { “hotel_name”: “nombre”, “hotel_email”: “hotel@gmail.com”, “contractList”: [{ “start_date”: “2020-12-2”, “end_date”: “2020-12-10” }], “roomsList”: [{ “type_name”: “estándar” }, { “type_name”: “premium” }] } Quiero mostrar esto en la interfaz de usuario a través de Angular. Por lo tanto, . . . Read more
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: html <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"> . . . Read more