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 readingHow 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 readingAngularJS 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 readingSpring 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 readingAngularJS $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 readingAngularJS 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 readingAngularJS 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 readingAngularJS 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 readingAngularJS 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 readingAngularJS 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