Angularjs Directives


Prev Tutorial Next Tutorial

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

Example

<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>

Output

First Name:
Last Name:

Full Name: {{ firstName }} {{ lastName}}


Prev Tutorial Next Tutorial

Google Advertisements
Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements