Angularjs Archives - Princeton IT Services

Tag: Angularjs

Angular JS 1.x http interceptors

Angular js 1.x provides the $http service to allow the client side to communicate with the backed using HTTP requests. For most complex usages it is often necessary to do some processing with the requests/responses before they reach our controllers. For example, one might be looking to implement a global error handler that displays a […]

AngularJS – ng-repeat and Radio Buttons

AngularJS – ng-repeat and Radio Buttons I recently had this problem where I had to select an item from a table. Nothing much, but I avoided buttons for this task and instead used a radio button against each row: where $scope.users = [{“userId”: 1, “firstName”: “a”,“lastName”:“b”}, {“userId”: 2, “firstName”: “c”,“lastName”:“d”}, {“userId”: 3, “firstName”: “e”,“lastName”:“f”}]; and […]

AngularJS timeout and interval services

It is not always required of our functions to provide immediate results, sometimes we need to delay the changes made by a function, for eg, processing of an AJAX request or if we want to schedule changes to an animation. To such end AngularJS provides us with $timeout( ) and $interval( ) services. To use […]

Dynamic file input – teaching html some new tricks

Okay, now this post might come across as a bit of a rant but could be of real use to people who are looking to implement a custom file upload widget. Lets face it, the default file input container provided by HTML is not what we’d describe as eye-candy and to top it off each […]

Communicating between controllers in AngularJS

AngularJS is what HTML would have been, had it been designed for building web-apps. is what we see on the AngularJS homepage, and with the features that it provides, it lives up to those words. But learning Angular, if you have not faced some problem or odd behavior with scopes there’s a pretty good chance […]

Front-end Configuration of an existing AngularJS App in Liferay portlet

The primary tasks are – creation of view.jsp and configuration ofliferayportletaccordingly. • An example Angular application written in index.html Name : Hello {{name}} • To convert this – create view.jsp as below <%@ tagliburi=”http://java.sun.com/portlet_2_0″ prefix=”portlet”%> Name : Hello {{name}} • Include js and cssfiles in WEB-INF/liferay-portlet.xml app-portlet /css/style.css /js/angular.min.js • Configure the […]

Hello World!

Hi guys, if like me you’re a newbie to Angular JS and you’re trawling through the internet to find comprehensive materials to understand Angular and not just lose your mind sifting through the documentation so the beginning can make sense, I hope I’m able to help you save some precious time there and organize some […]