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