0
232
VisualizaçõesAssign custom values to ID and FOR properties of the checkbox and label resulted from ngFor loop to populate list
My problem is two-fold:
- I need to assign to each checkbox and label for checkbox unique ID and FOR value so each label corresponds to its according checkbox.
- Finally I need to capture which fields have been checked (I'm thinking somehow in a map, key being the country and value true/false) and create an SQL query which I can then send to the backend to retrieve the filtered result.
·
Juan Pablo Isaza
2 Respostas
Responde à pergunta0
Something like this ?
<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
Relatório
0
Here is the answer for unique ID and FOR value.
And here is how I capture the checked items and use them in a query:
What I did was capture the check/uncheck and the name of the country in the countryNameAndCheckBoxStatus method inside the HTML component. Process these in an array inside the angular component and return the array so it can be processed further down the road into an sql query.
·
Juan Pablo Isaza
Relatório
Responde à pergunta