Angular Category Components & Directives

ngx-drag-and-drop-lists

Drag-and-drop List Component For Angular

Angular 4+ directives that allow you to build sortable lists with the native HTML5 drag & drop API. The directives can also be nested to bring drag & drop to your WYSIWYG editor, your tree, or whatever fancy structure you are building. Installation: # Yarn $ yarn add ngx-drag-and-drop-lists # NPM $ npm install ngx-drag-and-drop-lists –save Usage: Import the library into your Angular module. import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { AppComponent } from ‘./app.component’; import { DndListModule } from ‘ngx-drag-and-drop-lists’; import { ContainerComponent } from ‘./components/container.component’; @NgModule({ declarations: ,

November 24, 2017 Drag & Drop
ngx-animate-in

Animate Elements In When They Enter The Viewport – ngx-animate-in

ngx-animate-in is a small Angular library to make it easy to animate elements in whenever they enter the viewport. Installation: # NPM $ npm install ngx-animate-in–save Usage: Import the module. import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { AnimateInModule } from ‘../../src’; import { AppComponent } from ‘./app.component’; import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’; import { ProductListComponent } from ‘./product-list/product-list.component’; import { ProductComponent } from ‘./product-list/product/product.component’; @NgModule({ imports: , declarations: , providers: , bootstrap: }) export class AppModule { } Add the ‘animateIn’ to the

November 20, 2017 Animation
iOS Style Data Picker For Angular 4+

iOS Style Data Picker For Angular 4+

An iOS style data selector for AngularJS 4+ that makes it easier to select some data on the touchscreen device, such as time, city, gender, number, product, and much more.

November 19, 2017 Others