THE WORLD'S LARGEST WEB DEVELOPER SITE

What is AngularJS?


Angular

AngularJS lets you extend HTML with HTML attributes called directives

AngularJS directives offers functionality to HTML applications

AngularJS provides built-in directives and user defined directives


AngularJS Directives

AngularJS uses double braces {{ }} as place holders for data.

AngularJS directives are HTML attributes with the prefix ng-

The ng-app directive initializes an AngularJS application.

The ng-init directive initializes application data.

Example

<div ng-app="" ng-init="message='Hello AngularJS!'">
  <h1>{{ message }}</h1>
</div>

Try it Yourself »


The ng-model Directive

The ng-model directive binds the value of HTML elements to application data.

Example

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote: <b>{{firstName}}</b></p>

</div>
Try it Yourself »

The ng-bind Directive

The ng-bind directive binds data to a model.

Example

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote <b ng-bind="firstName"></b></p>

</div>
Try it Yourself »

Full AngularJS Tutorial

This has been a short description of AngularJS.

For a full AngularJS tutorial go to W3Schools AngularJS Tutorial.

For a full AngularJS reference go to W3Schools AngularJS Reference.