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.

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 as …

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 components. Scope: …

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 an …

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 SPA. In …

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 main method. …

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 now that …

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 view …

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 …

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 these three …

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 them to …

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 custom …

transclusion-in-angularjs-1.png

Understanding transclusion in AngularJS

Of all the concepts in AngularJS, many developers find transclusion to be complex and difficult to understand. In this post, let’s take a deep dive into …

Understanding-Animations-in-AngularJS.png

Understanding Animation in AngularJS

Real apps may not need a lot of animation but, there could be some cases where an application might need to catch user’s attention to indicate that …

Top