Angular – Forms – Property ‘required’ comes from an index signature

Original error message: Property 'required' comes from an index signature, so it must be accessed with ['required'] (used font changes type of apostrophes).

Example

<div *ngIf="addressForm.controls.name?.errors?.required">
  Value is required.
</div>

Solution #1

<div *ngIf="addressForm.controls.name?.errors?.['required']">
  Value is required.
</div>

Solution #2 – update tsconfig.json

"compilerOptions": {
  ...
  "noPropertyAccessFromIndexSignature": false,
  ...
}

• Share on Facebook