Showing posts with label AngularJS. Show all posts

Thursday, October 18, 2018

Integrating with a payment gateway In angularjs

How to integrate with payment gateways when using angularjs? When building angular web applications you will at some point want to integrate with certain payment gateways or some 3rd party external urls . Mostly these external urls accept certain post parameters which needs be passed from the calling application . ...
Read more

Monday, October 8, 2018

Creating custom directives in AngularJS

What are custom directives in AngularJS and how to use them ...
Read more

Monday, June 25, 2018

Encoding and Decoding in Web Development

In this post , we will see how to handle encoding and decoding of data in javascript . Recently , I worked on a project where I had to read paragraphs of data stored in a database column which can be of type VARCHAR2 or CLOB .  This data needs to be transmitted as JSON and then after some processing , should...
Read more

Monday, June 11, 2018

Generate a downloadable CSV File from JSON - AngularJS

In this tutorial we will see how to generate a csv from json (client-side) and then be able to download the file in all modern browsers. The solution provided below in this post is tested in chrome...
Read more

Friday, May 25, 2018

Using aggregation in ui-grid AngularJS

What is Aggregation and how to use aggregation in ui-grid ...
Read more

Thursday, May 24, 2018

Setup Hamburger Menu on ui-grid -AngularJS

In this post we will setup a hamburger grid menu on the ui-grid. The hamburger grid menu enables you to show all the grid level actions at one place .This is a very simple task . Just include all the required modules and dependencies...
Read more

Wednesday, May 23, 2018

Setup Right click event on a row in ui-grid - AngularJS

In this post we will see how to setup a custom right click menu (context menu) on a ui-grid row . ...
Read more

Tuesday, May 22, 2018

Setup Double click event on a row in ui-grid - AngularJS

How to implement a double-click event in a ui-grid table i.e enable double click on the ui-grid and show an alert or launch a popup modal? ...
Read more

Monday, May 21, 2018

Filter ui-grid rows using select dropdown in cell header-AngularJS

In this post we will see how to add a select dropdown to a cell header in ui-grid and filter the grid rows based on the selection  (here you know that the dropdown has predefined set of values).  ...
Read more

Monday, May 14, 2018

Open a modal in AngularJS using $uibModal Service

 You will often have to launch popup modals on your SPA when certain events are fired . For example when click a button or when you double-click a grid row or when you hit enter using your keyboard on a ui-grid row...
Read more

Friday, May 11, 2018

Datepicker with Angular directives for Bootstrap

In this post we will see how to setup a Datepicker popup with angular directives for bootstrap.  ...
Read more

binding html to an element in AngularJS using ngBindHtml

Sometimes you just have to insert some HTML content returned from any source into your Angular SPA . The ngBindHtml directive evaluates the expression and inserts the resulting html into an element ....
Read more

Thursday, May 10, 2018

Tabs with ng-route - AngularJS

The ngRoute module provides routing services and directives for Angular JS. It enables URL routing in our application and so it helps in implementing a tabbed UI in our application. ...
Read more

Tuesday, May 8, 2018

Handling multiple checkboxes with custom directive Angular JS

While dealing with check boxes you might have come across a scenario where you need to update the selection  of  a list of check boxes to a database and vice versa . ...
Read more

Wednesday, May 2, 2018

Removing duplicates from ng-options select dropdown Angular JS

How to remove duplicates from select dropdown ...
Read more