AngularJS is an open-source JavaScript-based front-end web framework primarily maintained by Google and a community of individuals and businesses to address many of the challenges encountered in developing single-page applications.

Dynamically Lazy Load & Code-Split For Angular

Are you looking for a lazyload component for your Angular application. If so, in this article I will share a simple Angular lazy loading plugin that supports dynamic lazy loading. You can dynamically fetch images and integrate this dynamic lazy loadable component. Installation Install via npm; * unfortunately, only an aot build angular setup will …

Dynamically Lazy Load & Code-Split For Angular Read More »

Material Design Angular File Upload Component

This tool is a simple & configurable file upload component for use with Angular Material. you can use this component to upload files. Prerequisites In order to use mat-file-upload in your app, you must have the following dependencies installed: Angular Angular Material Material Icons Usage Install package from npm (npm i mat-file-upload). Add MatFileUploadModule to your module’s imports, like so: …

Material Design Angular File Upload Component Read More »

Dynamic Data Table Component With Angular Material

Dynamic table component for angular built on top of the angular material table. It offers sorting, pagination, filtering per column, and the ability to specify content types and components used for displaying them. The initial purpose of this library was to display data coming from OData API, although it can work with MatTableDataSource, however, it …

Dynamic Data Table Component With Angular Material Read More »

Angular Notification Message Component

Today, I am going to share a very simple angular component to display alert messages on top of the page. With these notification messages, you can display any action like success, error, warning etc. These notification messages design in multi-color so that you could choose notification as per your choice. Installation 1. Download from npm 2. Import …

Angular Notification Message Component Read More »

Angular Date & Time Picker With Moment.js

It’s a great date and time picker for Angular that you can use in your Angular project with plenty of customization options. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery. Installation Get Angular Moment Picker from npm, bower or git: Include style and script in your page: <script src=”//”></script> <script …

Angular Date & Time Picker With Moment.js Read More »

Customizable Progress Bar for Angular | ngx-progress

An angular progress bar library that creates a customizable and flexible progress bar with an arrow to visualize the http request and / or the routing change while preventing user interaction. NgxProgress is a customizable Angular library to display a progress bar during http request and / or routing change (or whatever you want) and …

Customizable Progress Bar for Angular | ngx-progress Read More »

Material Design Date Picker For Angular Material

A Material Design date picker built with Angular Material and Moment.js. This cool material design date picker makes your angular shape more attractive, you can easily attach this date/time picker to your angular app. HTML CSS JS This awesome script developed by alenaksu. Visit their official repository for more information and follow for future updates.

Angular Gradient Progress Bar

An Angular module to make a linear or segmented gradient progress bar on the app.This angular package provides 2 variants of the progress bars that can be used: a. Advance Progress Bar b. Simple Progress Bar Installation npm i angular-gradient-progressbar Import the module inside your page module. Usage Inside your page.component.html You need to specify a …

Angular Gradient Progress Bar Read More »

Scroll to Top