Disable not working in checkbox ~ Branched from 179768

[Nagendra Gupta]

Dear Team,

I am not able to disable ejs-checkbox in latest version of 20.4.40 with Angular 15.

Problem is occured when I used ReactiveFrom.

I am sharing example with and without using formControlName attribute of ReactiveFormModule in stackbiliz. Please go with below link for better understanding.

https://stackblitz.com/edit/angular-lau8au?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

[YuvanShankar Arunagiri]

Hi Nagendra,

Sorry for the delay. The reason for the reported issue is some bug/breaking issue in angular 15 version. Please refer to the below angular GitHub link for more details.

GitHub link: https://github.com/angular/angular/issues/48350

To resolve this issue, please refer to the below code snippet and sample link. using the disable method of form group, we can disable the specific form control or entire form group.

ngOnInit() {

    this.SignupForm = new FormGroup({       

        checkbox:  new FormControl(null, [

            Validators.required,

          ]),        

    });

    this.SignupForm.get('checkbox').disable();

  }

 

Sample link: https://stackblitz.com/edit/angular-lau8au-qbbdax?file=src%2Fapp.component.ts

Get back to us if you need any further assistance on this. 

Regards,

YuvanShankar A