Thursday, July 17, 2025
HomeLanguagesAngularAngular 13/14 – property ‘name’ comes from an index signature, so it...

Angular 13/14 – property ‘name’ comes from an index signature, so it must be accessed with [‘required’]

Angular 13/14 – property ‘name’ comes from an index signature, so it must be accessed with [‘required’]; In this tutorial, we will learn how to remove property ‘name’ comes from an index signature, so it must be accessed with [‘required’] error in angular 13/14 apps.

Let, you have a form and your angular 13/14 apps and you validate your form data like following:

<div class="form-group">

    <label for="name">Name</label>

    <input 

        formControlName="name"

        id="name" 

        type="text" 

        class="form-control">

    <div *ngIf="f.name.touched && f.name.invalid" class="alert alert-danger">

        <div *ngIf="f.name.errors && f.name.errors.required">Name is required.</div>

        <div *ngIf="f.name.errors && f.name.errors.minlength">Name should be 3 character.</div>

    </div>

</div>

At that time, this error will occur property ‘name’ comes from an index signature, so it must be accessed with [‘required’]:

We can use the following code to remove or solve this error:

<div class="form-group">
    <label for="name">Name</label>
    <input 
        formControlName="name"
        id="name" 
        type="text" 
        class="form-control">
    <div *ngIf="f['name'].touched && f['name'].invalid" class="alert alert-danger">
        <div *ngIf="f['name'].errors && f['name'].errors['required']">Name is required.</div>
        <div *ngIf="f['name'].errors && f['name'].errors['minlength']">Name should be 3 character.</div>
    </div>
</div>

RELATED ARTICLES

Most Popular

Dominic
32143 POSTS0 COMMENTS
Milvus
67 POSTS0 COMMENTS
Nango Kala
6526 POSTS0 COMMENTS
Nicole Veronica
11674 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11729 POSTS0 COMMENTS
Shaida Kate Naidoo
6616 POSTS0 COMMENTS
Ted Musemwa
6893 POSTS0 COMMENTS
Thapelo Manthata
6585 POSTS0 COMMENTS
Umr Jansen
6573 POSTS0 COMMENTS