Is there a way to select all checkboxes in an Angular form that uses ngFor and ngIf? I want to activate all checkboxes for the months when I click on "Select All". The list of months is stored in an array.
Click here to see the HTML representation of the code.
<div class="form-group row">
<label class="col-2 col-form-label">Meses de siembra</label>
<div class="col-8">
<table>
<tr>
<label>
<input type="checkbox" ng-model name="seleccionarTodo"> Select All
</label>
</tr>
<tr>
<td>
<div *ngFor="let m of mesesSiembra; let i=index">
<label *ngIf="i<6">
<input type="checkbox" ng-model name="mes1a6"> {{m.nombre}}
</label>
</div>
</td>
<td>
<div *ngFor="let m of mesesSiembra; let i=index">
<label *ngIf="i>5">
<input type="checkbox" ng-model name="mes7a12"> {{m.nombre}}
</label>
</div>
</td>
</tr>
</table>
</div>
</div>