Unable to display validations in angular form Angular 13

the warning is not being displayed for the radio button after submitting the form. But after clicking reset once and submitting the form then the warning is being displayed. please check out this https://streamable.com/oticww also I am unable to impose the min and max length restrictions on the telephone and zip codes. when I try […]

By chaitanya chitturi
Published
Categorized as angular, angular13 Tagged ,

Unable to find the error form is not responding after being rendered

I have created a form Which responded really fin but I don’t know what things I have messed in it. it is not responding when I click on submit or reset buttons. I have gone through the code line by line thoroughly but found nothing. I have tried restoring the previous versions but was unable […]

By chaitanya chitturi
Published
Categorized as angular, html Tagged ,

I am trying to create a form using Angular framework unable to display all the fields

I am trying to create a form using the Angular framework but I am unable to display more than two fields when the page is being rendered. Component.html <div class="card m-3"> <div class="card-body"> <form [formGroup]="surveyForm" (ngSubmit)="onSubmit()"> <div class="form-group col-5"> <label>UserName:</label> <input id="name" type="text" formControlName="fName" class="form-control" [ngClass]="{‘is-invalid’:submitted && f[‘fName’].errors}"/> <div *ngIf="submitted && f[‘fName’].errors" class="invalid-feedback"></div> <div *ngIf="submitted […]

By chaitanya chitturi
Published
Categorized as angular, html Tagged ,

Property ‘fName’ comes from an index signature, so it must be accessed with [‘fName’]

These are my files. I am getting this error can someone help me. Error: src/app/app.component.html:5:123 – error TS4111: Property ‘fName’ comes from an index signature, so it must be accessed with [‘fName’]. <input id="name" type="text" formControlName="fName" class="form-control" [ngClass]="{‘is-invalid’:submitted && f.fName.errors}"/> ~~~~~ ~~~~~~~ component.html <form [formGroup]="surveyForm" (ngSubmit)="onSubmit()"> <div> <lable>Name:</lable> <input id="name" type="text" formControlName="fName" class="form-control" [ngClass]="{‘is-invalid’:submitted && […]

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq