Showing posts from August, 2022
In this article, we will learn how to draw a polygon on google map in angular application. In this article we use @agm/core npm package for google map. So, let's start with implementation, First we need to create a new angular application using th…
In this article, we will learn about the how to add ColumnChart in angular application. In this article, we are using Google Charts npm package for adding a ColumnChart. So let's start with implementation first we need to create a new angular appl…
In this article, we will learn about the how to add BarChart in angular application. In this article, we are using Google Charts npm package for adding a BarChart. So let's start with implementation first we need to create a new angular applicatio…
In this article, we will learn about the how to add AreaChart in angular application. In this article, we are using Google Charts npm package for adding a AreaChart. So let's start with implementation first we need to create a new angular applicat…
In this article, we will learn about the how to add PieChart in angular application. In this article, we are using Google Charts npm package for adding a PieChart. So let's start with implementation first we need to create a new angular applicatio…
In this article, we will learn how to add Multiselect Dropdown in Angular application without use of any UI framework like bootstrap, Angular material etc. Typically, a list of data is presented to the user for selection in the Select drop-down HTML c…
In this article, we will learn about how to pass data between sibling components in the angular application. In this article, we are using SubjectBehaviour to pass data between sibling components. What is a Behavior Subject? The Behavior Subject is a …
In this article, we will learn how to drag and drop upload file in angular using simple application example. First, we need to create a new angular application for demonstration. use following command and create a new application. ng new drag-drop-fil…
In this article, we will learn about the how to implement mathematics captcha in angular application. The CAPTCHA stands for the completely automated public turing test to tell computers and humans apart. By requesting that you pass a short test to ve…
In this article, we will learn about the how to generate barcode in angular application with demonstrate application. An angular component creating 1-D based barcodes . Supported barcode formats CODE128, EAN, CODE39, ITF-14, MSI, Pharmacode, Codabar.…
In this article, we will learn how to image add image cropper, resizer and scaling component in Angular application. We will be use the ngx-image-cropper package and explore its configuration and customization properties. Why use Cropper, Resizer, Sc…
In this article, we will learn about the how to generate QR code in angular. A QR(Quick Response) code is a type of matrix barcode(two-dimensional barcode) first designed in 1994 for the automotive industry in Japan. A barcode is a machine readable op…
In this article, we will learn how to use/implement ng-autocomplete in angular, angualr-ng-autocomplete provide to simply implement a fully-featured autocomplete without any third-party framework like Angular Material or Bootstrap. So, let's start…
In this article, we will learn how to use/implement ngx-spinner in angular. ngx-spinner provide multiple types of template, so user can change easily as per need. So, let's start with implementation part, First, we need to create a new angular app…
In this article, we will learn about how video record in Angular. So, let's start First, we need to create a new angular application using following command. ng new AngularVideoRecording Now add the following code under the app.module.ts . import …
In this article, we will learn about how to add Google reCAPTCHA to the registration page in the angular application. When we submit a request on the website, or when we click the register button, reCAPTCHA is activated. What is Google reCAPTCHA? Goog…
In this article, we learn about the how to use ng2-google-charts in angular. we will go into detail in how to incorporate ng2 Google Charts into our project. we will also go through some of the basics of ng2 Google Charts. In this article, we used Ang…
