AngularJS, Front End Development

AngularJS : Fetching data from the server

In all previous blogs on AngularJS, we used hard coded data. Now, its the time to get more dynamic and play with the data fetched from the server. For this, we will use AngularJS dependency injection which injects various services into the controller. To use a service is even more simpler. We just declare the name of the service as an...

by raj
Tag: angular development
21-Sep-2012

AngularJS, Front End Development

AngularJS : Sorting objects on various attributes

In last blog on AngularJS, we implemented text suggestions functionality. Now, let's consider that we have a list of objects with each object having two or more attributes with their corresponding values. The problem is to get the sorted list of objects based on an attribute selected by user at run time. AngularJS provides us a very quick...

by raj
Tag: angular development
21-Sep-2012

AngularJS, Front End Development

AngularJS : Text Suggestions

Let's implement text suggestions functionality using AngularJS. It provides suggestions while we type into the text field. For example, if we have a list of fruits and the user types 'ap', it will show all fruit names that contain these letters. [html] <!Doctype html> <html ng-app> <head> ...

by raj
Tag: angular development
16-Sep-2012

AngularJS, Front End Development

AngularJS : Adding Items to a JavaScript List and updating corresponding DOM Dynamically

I hope you found my previous blog helpful which was about Updating a Label Dynamically with User Input on AngularJS and this blog uses the concept of MVC. Let's consider the following example : [java] <!doctype html> <html ng-app> <head> <script...

by raj
Tag: angular development
14-Sep-2012

AngularJS, Front End Development

AngularJS: Updating a Label Dynamically with User Input

After the basic introduction of AngularJS, we are all set to write code for implementing a simple functionality. Let us consider a simple scenario. There is a textbox, and whenever the text in it changes we need to update a label dynamically. Traditional way of doing this in Javascript is to bind the change event of the textbox, such...

by raj
Tag: angular development
11-Sep-2012