Breaking News: Grepper is joining You.com. Read the official announcement!

conditionally disable form control reactive form

Add Answer

Nanu answered on January 7, 2021 Popularity 5/10 Helpfulness 6/10

answer conditionally disable form control reactive form

related reactive form disable

related reactive forms angular conditional disabling

conditionally disable form control reactive form

Comment

 contractId: new FormControl({ value: null, disabled: true }, Validators.required),
   
    if (this.tran61Detail.contractId !== 0) {
            // If contractId is not 0, set the form control as readonly or disabled
            this.memberAndPlanInfoForm.get('pbpId').disable();
            this.memberAndPlanInfoForm.get('contractId').disable();
            this.memberAndPlanInfoForm.get('contractDescription').disable();
            this.memberAndPlanInfoForm.get('pbpDescription').disable();
        } else {
            // If contractId is 0, make the form control editable
            this.memberAndPlanInfoForm.get('pbpId').enable();
            this.memberAndPlanInfoForm.get('contractId').enable();
            this.memberAndPlanInfoForm.get('contractDescription').enable();
            this.memberAndPlanInfoForm.get('pbpDescription').enable();
        }

Popularity 5/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: disable form-control javascript

Link to this answer
Share Copy Link

Contributed on Dec 18 2023

Nanu

0 Answers Avg Quality 2/10

Closely Related Answers

reactive form disable

Comment

this.form.controls['name'].disable(); // disable just name controller
or
this.form.disable(); // disable all

Popularity 10/10 Helpfulness 6/10 Language typescript

Source: Grepper

Tags: disable

Link to this answer
Share Copy Link

Contributed on Jun 25 2021

Anass Azeroual

0 Answers Avg Quality 2/10

reactive forms angular conditional disabling

Comment

checkValue(event: Event) {
  const ctrl = this.activityForm.get('docType');

  if (event.value === 'document') {
    ctrl.enable();
  } else {
    ctrl.disable();
  }
}

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular conditional javascript

Link to this answer
Share Copy Link

Contributed on Jan 07 2021

sevspo

0 Answers Avg Quality 2/10

conditionally disable form control reactive form

Contents

More Related Answers

conditionally disable form control reactive form

Closely Related Answers

reactive form disable

reactive forms angular conditional disabling

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.