1

As far as i understand in an older version of angular you could do this:

<input type="checkbox" ng-true-value="test"/>

Which would then allow me to pull the value of the selected checkboxes instead of just true or false. I don't seem to be able to do this in Angular 8.

The scenario needs it this way, true or false isn't good enough because i have something like this:

<tr formArrayName="marketingPreferences" *ngFor="let marketingPreference of clientForm.controls.marketingPreferences.controls; let i = index">
                                        <td>
                                            {{ marketingOptions[i].name }}
                                        </td>
                                        <td>
                                            <input type="checkbox" [formControlName]="i" value="marketing"/>
                                        </td>
                                        <td>
                                            <input type="checkbox" [formControlName]="i" value="referral"/>
                                        </td>
                                    </tr>

So when i pull the data on form submit to transform it, all i get back is true or false instead of "marketing" or "referral"

Essentially i need 2 checkboxes as though they were in an array...

In fact, i'm not even sure this will work, angular doesn't exactly make checkbox arrays easy. In HTML you'd simply make the field name="something[]" but this doesn't seem to work.

Glen Elkins
  • 867
  • 9
  • 30
  • Possible duplicate of ["ng-true-value" and "ng-false-value" alternatives in Angular2](https://stackoverflow.com/questions/37724083/ng-true-value-and-ng-false-value-alternatives-in-angular2) – Maihan Nijat Nov 26 '19 at 14:02
  • You has a FormControl that the value is an array, NOT a FormArray, check https://stackoverflow.com/questions/58345026/how-can-i-bind-a-list-of-checkboxes-in-a-form-using-angular/58354788#58354788 (also, you can create a custom form control or use material select multiple, https://material.angular.io/components/select/overview#multiple-selection – Eliseo Nov 26 '19 at 15:45

0 Answers0