CHECKBOX: does not bind to values in Angular

[bdahl1]

Describe the bug

When using Angular value and ngModel do not properly interact with Angular's data binding.

To Reproduce

Steps to reproduce the behavior:

1. Set up a vanilla checkbox (or grab my angular demo branch)
2. Bind to the value of the checkbox with [value]= or [(ngModel)] or as a member of a form group
3. Output that value somewhere (console, emitted onto page, whatever)
4. Toggle the checkbox

Expected behavior

The value in the code behind should be bound to the state of the checkbox. It is not.

Screenshots

1. Value bindings in the upper bit are not reflected below. I can check and uncheck, nothing happens
2. In the "No Form Group" section all four checkboxes are bound to the same value so they should all have the same state

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 100.0.4896.60 (Official Build) (64-bit)

[blackfalcon]

This again [radio button] is very specific to the inner workings of Angular and I need help understanding Angular's expectations.

[blackfalcon]

@bdahl1 have there been new learnings that will negate this issue, or is this still an issue we need to address?

[jason-capsule42]

Please reach out to @jason-capsule42 if you have any further questions.