AngularJS Tutorial

angularjs logo

angularjs logo

AngularJS Overview

In this Tutorial we will learn basics of AngularJS.

AngularJS - Environment Setup

This tutorial will help you set up your development environment to get started with AngularJS

AngularJS - First Application

This tutorial will help you to create AngularJS web application step by step.

AngularJS Directives

AngularJS comes with various built-in directives, also you can create your own custom directives for your application.

AngularJS - Expressions

AngularJS Expressions are used to bind application data to html.It starts with "{{" and ends with "}}".AngularJS application expressions are pure JavaScript expressions and outputs the data where they are used.

AngularJS - Modules

A module is a container of different parts of an AngularJS application such as controller, service, filters, directives, factories etc. Modules are used to separate application logics like services, controllers, application etc.

AngularJS - Controllers

The controller in AngularJS is a JavaScript function that maintains the application data.Controller job is to build a model for the view to display. Model is nothing but data of the application.

Attaching Behaviour ( methods) to the Controller in AngularJS

In this tutorial we will discuss about how to attach methods to the controller via $scope object.

AngularJs Multiple Controllers in One View Page

An AngularJS application can contain one or more controllers as needed, in real application a good approach is to create a new controller for every significant view within the application.

AngularJS Data Binding

Data binding is the act of establishing a connection between the user interface and business logic of a web application. It allows the user to communicate with the view of the web page in order to interact with the model.

Scopes in AngularJS

In this tutorial we will discuss about various types of scopes available in AngularJS.

AngularJS Repeaters (ng-repeat directive)

The ng-repeat directive will repeat the HTML elements based on elements in the given is similar to JSTL forEach tag in jsp.

AngularJS - Filters

Filter are used to formatting data before it is processed by a directive and displayed in a view without modifying the original data in the scope, allowing the same data to be displayed in different ways in different parts of the application.

AngularJS limitTo filter(Limiting the Number of Items)

The limitTo filter restricts the number of items taken from an array of data objects, which can be useful when working with a layout that can accommodate only a certain number of items.

Custom Filters in AngularJS

Creating custom filter in AngularJS is quite easy. To create custom filter you need to register a new filter function with your module. In this tutorial we will guide you how to create custom filter in AngularJS in simple steps.

comments powered by Disqus