I am Getting error while showing a message while validating Angular form

Question

I am creating a Angular form and while validation, I tried to show message when field is not filled so for that I used ng-for in span tag but I have got error

html - >

<div class="form-group">
    <input type="text" formControlName='fname' placeholder="First Name">
    <span *ngFor="signupForm.control['fname'].haserror(required)"> Enter your Name </span>
</div>

error -

Can't bind to 'ngFor' since it isn't a known property of 'span'. ("m-group">
       <input type="text" formControlName='fname'  placeholder="First Name">
       <span [ERROR ->]*ngFor="signupForm.control['fname'].haserror(required)"> Enter your Name </span>
      </div>

Krishna Rathore · Accepted Answer · 2018-08-24 13:04:33Z

2

USe *ngIf instead of *ngFor

Stackblitz Demo

<span *ngIf="signupForm.get('fname').hasError('required')"> Enter your Name </span>

edited Aug 24, 2018 at 13:04

answered Aug 24, 2018 at 12:54

Krishna Rathore

9,7375 gold badges28 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

I am Getting error while showing a message while validating Angular form

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related