Process Advisors

*Subject to Terms and Condition

What is AngularJS Forms?

A Form is a set of controls for the purpose of grouping related controls together that means it is a collection of input controls. Controls like input, select, textarea are the ways for a user to enter data. Form and controls give validation services so that the user can be informed of invalid input before submitting a form.

Watch this Full Stack Web Development Course video to learn more about its concepts:



<!DOCTYPE html>
<html lang="en">
<script src= ""></script>
<div ng-app="formApp" ng-controller="formCtrl">
First Name:<br>
<input type="text" ng-model="user.Name"><br>
<button ng-click="reset()">Reset</button>


<p>user = {{user}}</p>
<p>master = {{master}}</p>
var app = angular.module('formApp', []);
app.controller('formCtrl', function($scope) {
$scope.master = {Name:"abc"};
$scope.reset = function() {
$scope.user = angular.copy($scope.master);


In this example,

ng-app –It defines the AngularJS application.
ng-model – Connect the values of application data to HTML input controls.

er – It defines the application controller.
formCtrl – This function puts initial values to the master object and describes the reset() method.
reset() – This method puts the user object equal to the master object.
ng-click – It calls the reset() method only if the button is clicked.
Attribute novalidate can also used with form to override HTML5 validation.



Course Schedule

Name Date Details
Web Development Courses 10 Jun 2023(Sat-Sun) Weekend Batch
View Details
Web Development Courses 17 Jun 2023(Sat-Sun) Weekend Batch
View Details
Web Development Courses 24 Jun 2023(Sat-Sun) Weekend Batch
View Details

Leave a Reply

Your email address will not be published. Required fields are marked *

Find Best AngularJS Training in Other Regions

Bangalore Hyderabad Chennai Mumbai