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 .
Monday, October 8, 2018
Creating custom directives in AngularJS
What are custom directives in AngularJS and how to use them ?
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 be displayed
on a web page . This data had some special characters like à stored
in the database .When i rendered this content in a browser surprisingly I saw some weird characters instead of the character à . Debugging this issue seemed like a nightmare before
understanding the encoding and decoding concepts . So let’s understand these
concepts first and then see a solution to such problems .
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 , firefox and safari .
Friday, May 25, 2018
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 for
angular ui-grid to work as shown in the example plunker below . Once this is
done let’s configure the gridoptions to enable grid menu and populate the menu
options .
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 .
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?
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).
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 .For all these scenarios ,$uibModal service can be used to create popup windows in your Angular SPA.
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.
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 .
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.
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 .
Wednesday, May 2, 2018
Subscribe to:
Posts
(
Atom
)
