AngularJS Routing Tutorial using ngRoute

AngularJS Routes enable us to implement multiview SPAs [Single Page Applications]. A multiview application would consist of multiple views [HTML Templates where each template is associated with a specific route] which would be loaded dynamically as a result of user action (clicking a link, typing a specific URL in browser e.g.). Using routing, AngularJS application…

Continue reading

How to setup tomcat with Eclipse

This post shows how to setup tomcat with eclipse, in order to deploy applications from within eclipse [including Servlet 3.x projects]. This post is created with following environments, but should be well applicable for your environments: Luna Service Release 2 (4.4.2) Tomcat 8.0.24 JDK 1.7 Let’s get started. In Eclipse, Open Window -> Show View…

Continue reading

AngularJS Built-in+Custom Filters Dissected

This post describes AngularJS Filters with examples. Both AngularJS Custom and built-in filters are explained in great details with help of live examples. We will learn using common AngularJS built-in filters, using them in view templates as well as in javaScript. We will also learn how to create a custom filter for specific cases. AngularJS…

Continue reading

Spring 4 MVC+AngularJS CRUD Example using $http service

This post shows integrating AngularJS with Spring MVC 4. We will create a CRUD application using Spring REST API on back-end and AngularJS encapsulated within plain JSP on front-end, communicating asynchronously with server using $http service. We will also perform all sorts of validation on UI using AngularJS Form validations. Let’s get going. In our…

Continue reading

AngularJS $http service example-server communication

AngularJS $http service is used for asynchronous server communication. This post explains $http service in great details, specially $q & promise, with a complete CRUD application example, using AngularJS front-end client, communicating asynchronously with Spring REST API based back-end. You can plug-in your own server with this client to play with. It is important to…

Continue reading

AngularJS Services Dissected

AngularJS services are functions or objects that can hold behavior or state throughout application. They are used to implement shared behavior/reusable logic which can be used by other components in your AngularJS application. AngularJS services are singletons, means each service is instantiated only once, so each part of our application gets access to the same…

Continue reading

AngularJS Form Validation Example

In this post, we will learn How to use Forms in AngularJS to take user input, validate it, send to server or process it. We will make a complete AngularJS CRUD application. You will get insight into several AngularJS built-in directives used in day-to-day usage. We will start from ground zero and will build upon…

Continue reading

AngularJS Controllers Explained with Examples

AngularJS Controllers are most useful part of an AngularJS application. These are javascript functions/objects which perform majority of UI related work. They can be considered as the driver for Model and View changes. They are the gateway between the model (the data in our application), and the view (whatever a users sees on his screen…

Continue reading

AngularJS Modules Explained

AngularJs Modules. A module in AngularJS can be thought of as regular packages in Java. It’s the container for the different parts of an application – controllers, services, filters, directives, etc. AngularJS can group together certain functionalities/Javascript under a single module. A module can define it’s own controllers, services, filter, directives, etc which will be…

Continue reading

AngularJS Hello World Example

Let’s write the Classic Hello World in AngularJS. In this simple application, user provides input via an input field, and as the user is typing in this input field, the UI gets updated with the latest value from input field. Let’s get going. Save above file as html, and open it. You will see something…

Continue reading