Closed
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already include this feature request, without success.
Describe the Feature Request
Controls should be able to work with external labels. I.e. for any control sibling <label for="control-id">Text</label> might be attached and pressing on this label should apply focus on the control.
Describe the Use Case
Right now in v.7.0.1 I can't attach labels to the ion-checkbox elements to implement the following layout:
with this code:
<div class="week-container" formGroupName="weekDays">
<label
*ngFor="let day of weekDays; let i = index"
for="day{{ i }}"
class="label"
>{{ day }}</label
>
<ion-checkbox
*ngFor="let control of dayArray.controls; let i = index"
formControlName="{{ i }}"
id="day{{ i }}"
></ion-checkbox>
</div>
Describe Preferred Solution
No response
Describe Alternatives
No response
Related Code
No response
Additional Information
No response