forms in angular 13 (Template driven form + validation + error messages + get form values) #22

#templatedriven form #angular13 #angularforms

This video explains template driven forms & below topics

1, When we can select template driven form
2, how to create template driver form
3, how to get values from forms
4, how to implement validation in angular forms
5, how to display validation message in angular
6, how to do custom validations in angular forms

Important Links
================

[टिरंजननकले]

Hi,
Thanks for great tutorial. I am doing similar form validation but when user submits "Add User" button, only at that time, popover should be shown on corresponding invalid fields. For example, popover should be below Email field, "Enter valid Email address"
I will be using ngxbootstrap popover.

[tysonfury]

Thanks! Can you do a login role based authentication with .net 6

[टिरंजननकले]

Excellent tutorial.
I am getting the input values on Console but i don't see then as a part of ngForm. Below the partial code. Will you please help. This is modal popup.
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">Add New User</h4>
<button type="button" class="btn-close" aria-label="Close" (click)="modal.dismiss('Cross click')"></button>
</div>

<div class="modal-body">
<form #userForm="ngForm"
<div class="mb-3">
<label>User Name</label>
<div class="input-group">
<input name="userName" placeholder="Enter user name" class="form-control" #userName="ngModel" ngModel>
</div>
</div>

[jalavadinaveen]

Sir iam getting error like property valid does not exist like that sir.can you please help me sir