Angular 6 how to make all input's Not editable element inside a form

Question

Is there a way to disable and make all fields non editable (input / mat-select / textfield / option/input/mat-checkbox etc) inside a Form

Answer 1

this.formGroupName.controls['lastName'].disable()

Did not work for me in Angular 8. So I made it work by adding a 'readonly' attribute inside the HTML and then change its value in .ts file.

inside .html file

inside .ts file

email_readonly = false;

yourFunction()
{
  this.email_readonly = true;
}