0
233
VistasAsigne valores personalizados a las propiedades ID y FOR de la casilla de verificación y la etiqueta resultantes del bucle ngFor para completar la lista
Mi problema es doble:
- Necesito asignar a cada casilla de verificación y etiqueta la ID única de la casilla de verificación y el valor FOR para que cada etiqueta corresponda a su casilla de verificación correspondiente.
- Finalmente, necesito capturar qué campos se han verificado (estoy pensando de alguna manera en un mapa, siendo la clave el país y el valor verdadero/falso) y crear una consulta SQL que luego puedo enviar al backend para recuperar el resultado filtrado.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Algo como esto ?
<ng-container *ngFor="let country of countries$ | async"> <input type="checkbox" [value]="country" id="cb-{{ country }}"> <label for="cb-{{ country }}">{{ country }}</label> </ng-container> countries$ = this.powerPlantService.getPowerPlantCountryNames().pipe(shareReplay(1));
·
Juan Pablo Isaza
Denunciar
0
Aquí está la respuesta para ID único y valor FOR. 
Y así es como capturo los elementos marcados y los uso en una consulta: 
Lo que hice fue capturar la marca/desmarcar y el nombre del país en el método countryNameAndCheckBoxStatus dentro del componente HTML. Procese estos en una matriz dentro del componente angular y devuelva la matriz para que pueda procesarse más adelante en una consulta sql.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta