Replication steps

  1. Start a new Angular project
  2. Add a new component
  3. In the component HTML set a reactive form with two ‘smart-check-box’ checkboxes
  4. In the component init code set up the form with two FormControl elements that pass in an initial false starting value
  5. Else where in the component code push values into the form using the ‘setValue’ method.
  6. Try pushing true boolean values into the controls to check the checkboxes – note the error that arises
  7. Try pushing true string values into the controls – note how the UX does not show the control as checked