What is AngularJS?

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>

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>

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>

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.