typescript

How to Download a CSV File using Angular?

Reading Time: 2 minutes Introduction In working on different application, one is common requirement for most of the applications is to export data and save it in a CSV file with data. This will help to organise the data and generates proper formatted report. A CSV file contains data values separated by commas. It has an extension of .csv. Prerequisite is to have to running an angular project, if you Continue Reading

Introduction to NGXS, state management pattern + library for Angular

Reading Time: 3 minutes Ngxs is a state management pattern for the Angular framework. It acts as a single source of truth for our application. Ngxs is very simple and easily implementable. It reduce  lots of boilerplate code . It is a replacement for Ngrx. In Ngrx we are creating state, action, reducer, and effects but in Ngxs, we are creating only state and actions instead of all of Continue Reading

Gamifying an Angular App!

Reading Time: 4 minutes Hi! Today we are going to see how to make our angular apps a little bit more interesting by including a wheel of fortune to it. This is what we are gonna build – Technologies used – WinWheelJS Library Angular 10 Framework Pre-requisites – Basic knowledge of Angular Basic knowledge of JS I am assuming that your system is already configured with NPM and angular Continue Reading

Prevent user from losing unsaved data

Reading Time: 3 minutes There are many instances where a user fills some details in the form, edit their details, or secure the form in such a way that if someone navigates away or closes the browser tab, they should be prompted to confirm that they really want to leave the form with unsaved data. Whenever these kind instances occur you will see an alert appear on the top of Continue Reading

Drag N Drop using Angular 7

Reading Time: 4 minutes Drag and Drop is one of the new features which is provided by Angular 7. Angular 7 makes it very easy to implement this feature. So here, in this blog, we are going to learn how to drag and drop the items from a list of numbers using a basic example. Before getting started with the implementation there are some basic pre-requisites which is necessary Continue Reading

Working with Arrays using D3.js

Reading Time: 3 minutes In general, whenever we are using D3  we are using for data visualization and if we try to understand the term data visualization in depth then it is nothing but it is a result of a lot of data manipulation using Array. So before starting working with Arrays using D3.js let’s get the understanding of Arrays briefly. ARRAYS: Arrays is used to store the collection of an Continue Reading

Implementing ag-Grid in Angular 2

Reading Time: 4 minutes What is ag-Grid? ag-Grid is a JavaScript Data Grid for Building Enterprise Web Applications. It is one of the most widely used grid. It provides features like sorting, filtering, selection, re-sizing and many more. Here’s an inspiring article of how ag-grid was developed. Prerequisite : To understand how to implement ag-Grid in your Angular 2 application, you need to have a basic knowledge of Angular Continue Reading