Angularjs Directives

Angularjs Forms

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>
    <br>
  </form>
  <p> Full Name: {{ firstName }} {{ lastName}}</p>
</div>

<script>
function formController ($scope) {
   
$scope.firstName="Harry";
$scope.lastName="Porter";
}
</script>