Angular Tutorials - Malayalam | Part -11 | Reactive Forms

Hi Friends,

Welcome to another video of Angular Malayalam tutorials. In this video we are demonstrating Reactive forms with examples.
Reactive forms provide a model-driven approach to handling form inputs whose values change over time

Please support us with subscribe, like and comments...

Thanks
IT_Master

[Arjun-mfs]

input tgil kodutha Errors ennu vach entha onnu parnju tharumo

[ajayghosh]

input type validation CSS class need to add like the below code
<input type="text" class="form-control" placeholder="First Name" formControlName="firstname" [ngClass]="{ 'is-invalid': submit && f['firstname'].errors }" >

[ajayghosh]

Required and pattern validation need to add like this
<input type="number" class="form-control" placeholder="Phone" formControlName="phone" [ngClass]="{ 'is-invalid': submit && f['phone'].errors}">
<div *ngIf="submit && f['phone'].errors" class="invalid-feedback">
<div Phone Num Required</div>
<div Invalid Phone Num</div>
</div>

[mithun]

Nice class, thanks a lot. Please continue

[amenyuav]

Bro ithil form tagil koduthirikkunna onsubmit() does not exist enn paranjoru error varunnundallo