angular: A required checkbox should always be invalid if unchecked

you can you Validators.requiredTrue instead of Validators.required

Still observing the same issue in Angular version :7. Even with requiredTrue Validator, the experience is still the same. I tried writing a custom validator but the value once changed, remains the same. In my case I keep getting “on” as the value. It is killing me. Am I doing something wrong ?

For thoes using the reactive forms method and needing a quick hacked fix,

//part of the constructor 
    this.registerForm = fb.group({
        'answer': ['someAnswer', Validators.required],
         'confirmCheckbox':  ['', Validators.required]
     },
     {validator: checkCheckbox}) 
//the function
function checkCheckbox(c: AbstractControl){
    if(c.get('confirmCheckbox').value == false){
        return false;
    }else return true;
} 
// In the template
    <button type="submit" id="btnSubmitRegister" class="pwFeildButton" 
    [disabled]="!registerForm.valid || registerForm.get('confirmCheckbox').value != true">
       1337 buttonz
       </button>