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


<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: {{ firstName }} {{ lastName}}

Prev Tutorial Next Tutorial

Download Projects

Google Adsense Advertisements
Free Classified Site – Bedpage

Yahoo Advertisements