Category : Angular.js

22 posts

Do you want to add image slider/carousel in your angular app If yes then in this post Iam going to share awesome angular component which help to integrate Carousel/Slider Feature in your angular application. Installation Install angular Carousel Component via NPM npm install --save @ngmodule/material-carousel Importing import { MatCarouselModule } from '@ngmodule/material-carousel';   @NgModule({ // …
Free Calendar Scripts – Are you looking for Free Calendar Scripts, If yes then in this post I’ve hand picked the 30+ Free Calendar Scripts that offer datetime functionality. Some are more developed than others and each plugin has its own set of benefits. The best part about using open source code is that it’s …
Simple sidenav is a simple, easily customizable, animated menu, with the possibility of infinite nesting that was built specifically for Angular apps. Installation Install Plugin via NPM npm install simple-sidenav --save Module # app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';   import { …
A reusable Angular duration-picker component that works with ISO_8601 durations. Requires Bootstrap, css only (no Bootstrap JS or jQuery needed). Installation installing component form NPM. npm install --save ngx-duration-picker Then in your app.module.ts add DurationPickerModule between your imports: @NgModule({ declarations: [...], imports: [ DurationPickerModule, ... ], providers: [...], bootstrap: [AppComponent] }) export class AppModule { …
ngx-tabset is a very simple library to let you create some tabs. It uses flex-box and is compatible with Angular >=2.0.0. Install To use ngx-tabset in your project install it via npm npm i ngx-tabset --save Import TabsModule in your app module and start using it in any component: import {CommonModule} from '@angular/common'; import {BrowserModule} …
Do you want to add facebook like chat box on your website If yes then In this post I am going to share A simple Facebook/Linkedin lookalike chat module for Angular applications. Installation Installing component via NPM npm install ng-chat Import the NgChatModule on your AppModule (EG: app.module.ts): import { NgChatModule } from 'ng-chat';   …
In this post I am going to share clock style time picker for Angular app, inspired by Material Design. Install Install via NPM npm i ng-clock-picker-lib --save Add NgClockPickerLibModule to your module imports: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { NgClockPickerLibModule } from 'ng-clock-picker-lib';   import { AppComponent …
An image zoom component for Angular 2+ that works with both URLs to images and inline images. NgxImageZoom is inspired by angular2-image-zoom and JQuery libraries such as jQuery Zoom and elevateZoom-plus but a pure Angular2+ implementation of similar concepts. This plugin works with both URLs to images and in-line images (Data URI). Installation installing using …
PAGE TOP