An AngularJS form is a collection of input controls like button, input elements. AngularJS has some features for binding data of HTML form input fields to the model object ($scope). You bind an input field to a model property using the ng-model directive

Html Controls

HTML input elements are called HTML controls:
  • input elements
  • select elements
  • button elements
  • textarea elements

Example of AngularJS Forms


<div ng-app="" ng-controller="formController">
  <form novalidate>
    First Name:<input type="text" ng-model="firstName"><br>
    Last Name:<input type="text" ng-model="lastName"><br>
  <p> Full Name: {{ firstName }} {{ lastName}}</p>

function formController ($scope) {


First Name:
Last Name:
Full Name: Harry Porter