Angular 12 ngx-sweetalert2 example. In this tutorial, i am going to show you how to integrate and use sweetalert or sweetalert2 in angular 12 app for displaying sweetalert msg using ngx-sweetalert2. SweetAlert is a method to customize alerts in your applications, websites and games. It allows the user to change it with a standard JavaScript button. … Read more
Angular 12 pipe boolean yes no example; In this tutorial, i will show you step by step on how to convert true/false value to Yes/No in angular 12 app. Create custom pipe for boolean type with yes no label in angular 8, angular 9, angular 10 and angular 11, 12 app. How to Convert True … Read more
Angular 12 phone/mobile number validation example; In this tutorial, i am going to show you how to validate 10 digit phone/mobile number in angular 12 app. The first digit should contain number between 7 to 9. The rest 9 digit can contain any number between 0 to 9. The mobile number can have 11 digits … Read more
To get/detect browser name and version in Angular apps; Through this tutorial, i am going to show you easy way on how to detect or get browser name, version and type in angular apps. Angular Detect Browser Name and Version Tutorial with Example Follow the below given steps to get or detect browser name and … Read more
To get checked checkbox value in angular material; In this tutorial, i am going to show you on how to get checked checkbox values in the angular 12 app with events. The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more … Read more
Angular fullcalendar integration with dynamic events example; In this tutorial, i am going to show you how do you integrate fullcalendar and create, show dynamic events on fullcalendar in angular 12 app. FullCalendar is a lightweight yet powerful and developer-friendly JavaScript library to create flexible, draggable event calendars on the modern web app. Note that the … Read more
Angular 12 full page scroll example tutorial; i am going to show you easy way how to implement full page scroll in angular 12 app using npm library. The ngx-page-scroll is animated scrolling functionality for angular written in pure typescript with no additional dependencies. The features of ngx-page-scroll-core are: flexible: trigger scroll animations after component … Read more
Radar chart using ng2- charts js Angular 12; In this tutorial, i am going to show you how to install ng2-chart js and create radar chart using charts js library in angular 12 app. A radar chart is a 2D chart presenting multivariate data by giving each variable an axis and plotting the data as a … Read more
Angular 12 image crop and upload with npm ngx-image-cropper example; In this tutorial, i am going to show you on how to show image preview by creating a Base64 url in angular before upload. And as well as how to crop an image in angular, how to zoom the image, and how to scale the … Read more
To datatable pagination + sorting + filtering integration in angular 12; In this tutorial, i am going to show you how to integrate datatables in angular 12 app with pagination + sorting + filtering. DataTables is a powerful jQuery plugin for creating table listings and adding interactions to them. It provides searching, sorting and pagination without any … Read more