AngularJS Tutorial

What is AngularJS?

  • AngularJS is a JavaScript framework that helps to build web application. It is a full featured single page application framework. It can be added to an HTML page with a <script> tag.
  • AngularJS enables you to create cross-browse application. It automatically handles JavaScript code that is compatible for each browser.
  • It is an open source project, which mean that it can be freely used, the code can be changed and shared by anyone.

Core Features

Following are most important features of AngularJS:

  • Data-binding: It keeps the model and view in synchronization. It supports two way data binding. When you change the model, view is updated accordingly and vice versa.
  • Scope: $scope object as an argument with controller. It is available with properties and methods.The scope object is available for both the view and the controller.
  • Controller: A controller is a JavaScript constructor function. The main job of a controller is to build a model for the view to display.
  • Services: There are several built-in services in AngularJS. Services enable you to organize and share code across your app.
  • Filters: Filters can be added to expressions by using the pipe character |, followed by a filter as {{ expression | filter }}.
    For example:
    <p>The name is {{ EmployeeName | uppercase }}</p>
  • Directives: AngularJS comes with built-in directives which offer different functionalities to your applications.For e.g. ng-app, ng-model, ng-repeat, ng-init are some of the directives. AngularJS directives are always prefixed with the ng-. These directives are extended HTML attributes.
  • Templates
  • Routing
  • Deep Linking
  • Dependency Injection: AngularJS has a built-in dependency injection subsystem.