AngularJS 1.x

AngularJS is a structural framework for dynamic web applications. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application components clearly and succinctly. Its data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology.

filters-in-angularjs-1.png

Understanding Filters in AngularJS

Filters help us in changing/modifying the data. AngularJS provides us a number of inbuilt filters; along with the capability to create our own …

event-propogation-in-angularjs.png

Event Propagation in AngularJS

Apart from being able to use in-built directives like ng-click to handle DOM events, AngularJS also allows us to create our own events and propagate …

events-in-angularjs.png

Understanding Events in AngularJS

AngularJS has an elegant mechanism to handle the following DOM events: Mouse events Keyboard events Change events Lets try to understand each of …

services-in-angularjs.png

Understanding Services in AngularJS

Services in AngularJS provide a method for us to keep data around for the lifetime of the app and communicate across controllers in a consistent …

controllers-in-angularjs.png

Understanding Controllers in AngularJS

The role of controllers in Angular is to expose data to the view via $scope, and to add functions to $scope that contain business logic to enhance …

angularjs-digest-cycle.png

Understanding AngularJS Digest Cycle

Let’s take a peek at how Angular works underneath the hood. How do we get this magical data binding to work in only a few lines of code? We know by …

modules-in-angularjs-1.png

Understanding Modules in AngularJS

Most applications have a main method that instantiates and wires together the different parts of the application. Angular apps don’t have a …

anatomy-of-an-angularjs-application.png

Anatomy of an AngularJS Application

Apart from other things, AngularJS is primarily used to build Single Page Apps (SPAs). So, let us first try to understand the characteristics of a …

angularjs-life-cycle.png

Understanding AngularJS Life Cycle

Understanding the life cycle of an AngularJS application makes it easier to understand how to design and implement your code. Once you understand how …

core-features-of-angularjs-1.png

Core features of AngularJS

Following are the most important features of AngularJS: Data-binding: It helps in automatic synchronization of data between model and view …

what-is-angularjs.png

What is AngularJS?

AngularJS is an open source, JavaScript based web application development framework. Definition of AngularJS as put by its official documentation is …