Why is Disabled not working in following html/angular code?

Question

In the following code,i am using [disabled] for disabling the name field whenever the operation is edit,however its not working. It does work if i change it to [readonly]="operationType == 'Edit'"...can anyone help me why disabled is not working? thank you.

<mat-form-field style="width: 320px !important;background-color: white;" appearance="outline">
        <mat-label>NAME</mat-label>
        <input matInput type="text" style="text-transform: uppercase;" maxlength="6"
          formControlName="name" 
          oninput="this.value = this.value.toUpperCase()"
          [disabled]="operationType == 'Edit'" />
        <mat-error *ngIf="hasError('name', 'required')">name is required</mat-error>
      </mat-form-field>

Does this answer your question? Disable Angular 5 Input fields correct way — Nandita Sharma
– Nandita Sharma, Commented May 27, 2021 at 19:53

Gabriel Sereno · Accepted Answer · 2021-05-27 19:44:02Z

3

It won't disable because you need to do it in FormGroup:

this.formGroup.disable()

It'll disable all fields for you

If you want to disable a specific control, you can do like this:

this.formGroup.get("nameOfControl").disable()

answered May 27, 2021 at 19:44

Gabriel Sereno

8551 gold badge5 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why is Disabled not working in following html/angular code?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related