Basics of AngularJS: directives, expressions, filters, modules, and controllers

AngularJS is a JavaScript framework.
AngularJS is distributed as a JavaScript file, and can be added to a web page with a script tag:
AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions.

AngularJS Extends HTML

AngularJS extends HTML with ng-directives.
The ng-app directive defines an AngularJS application.

The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
The ng-bind directive binds application data to the HTML view.

AngularJS Expressions

AngularJS expressions are written inside double braces: {{ expression }}.
AngularJS expressions bind AngularJS data to HTML the same way as the ng-bind directive.

AngularJS Applications

AngularJS modules define AngularJS applications.
AngularJS controllers control AngularJS applications.
The ng-app directive defines the application, the ng-controller directive defines the controller.


Input something in the input box:

Name :

Hello {{name}}