angular disable input fields dynamically

Dhaval Italiya answered on January 3, 2023 Popularity 6/10 Helpfulness 2/10

answer angular disable input fields dynamically

angular disable input fields dynamically

Comment

Tip Dhaval Italiya 1 GREPCC

//app.component.html


<form [formGroup]="form">
  <input type='text' formControlName='name' [appInputDisabled]="disabledControl">
  <button (click)='disableControl()'>Disable textbox</button>
</form>


//app.component.ts

disabledControl = false;

  form = new FormGroup({
    name: new FormControl('Angular 5')
  });

  disableControl() {
    this.disabledControl = !this.disabledControl;
  }

xxxxxxxxxx

//app.component.html

<form [formGroup]="form">

  <input type='text' formControlName='name' [appInputDisabled]="disabledControl">

  <button (click)='disableControl()'>Disable textbox</button>

</form>

//app.component.ts

disabledControl = false;

  form = new FormGroup({

    name: new FormControl('Angular 5')

});

  disableControl() {

    this.disabledControl = !this.disabledControl;

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jan 03 2023

Dhaval Italiya

0 Answers Avg Quality 2/10

angular disable input fields dynamically

Contents

More Related Answers

angular disable input fields dynamically

Grepper

Documentation

Social

Legal

Contact

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