Checking the state of a form

When debugging angular forms, it's useful to get some diagnostics for the form state. Since a form can contain multiple form controls, it would be cumbersome to find the state of a form by going through each of its child form controls. Instead, Angular makes it possible to get the state of the form from the form group itself. The FormGroup instance tracks the aggregate form value and validation status. A valid control is one where it passes all validation checks and thus has its status set as VALID. A control failing one of its validation checks will be invalid with its status set as INVALID:

{{someForm.valid}}
//Above can return boolean of true or false

{{someForm.status}} 
//Above can return string of "VALID" or "INVALID"

The previous snippet shown here will return true or false based on the validity status of the overall form...