Angular 4 File and Folder Drop Library
In this post we will show you Angular 4 File and Folder Drop Library, hear for Angular 4 File and Folder Drop Library we will give you demo and example for implement.
Hear is Git hub like for Download, Demo and for information(Read More), it will help you into development and implement for Angular 4 File and Folder Drop Library. This link of git will give you document, instruction, installation and other information.
Importing The ‘ngx-file-drop’ Module
An Angular 4 module for simple desktop file and folder drag and drop.
// import BrowserModule
import { BrowserModule } from '@angular/platform-browser';
// import NgModule
import { NgModule } from '@angular/core';
// import FormsModule
import { FormsModule } from '@angular/forms';
// import HttpModule
import { HttpModule } from '@angular/http';
// import AppComponent
import { AppComponent } from './app.component';
// import FileDropModule
import { FileDropModule } from 'ngx-file-drop/lib/ngx-drop';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
FileDropModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Angular 4 File and Folder Drop Library Parameters
| Name | Description | Example |
|---|---|---|
| customstyle | Custom style class name to be used | customstyle=”your-style” |
| (onFileDrop) | On drop function called after the files are read | (onFileDrop)=”dropped($event)” |
| headertext | Text to be displayed inside the drop box | headertext=”Drop files here” |
| (onFileLeave) | On drop leave function | (onFileOver)=”fileLeave($event)” |
| (onFileOver) | On drop over function | (onFileOver)=”fileOver($event)” |
YOU ALSO LIKE RELATED POSTS
| AngularJS Insert Update Delete using php mysql | http://www.onlinecode.org/angularjs-insert-update-delete-using-php-mysql/ |
| Angularjs Progress Bar with example and demo | http://www.onlinecode.org/angularjs-progress-bar-example-angular/ |
| angular country state map location with example and demo | http://www.onlinecode.org/angular-country-state-map-location/ |
| Angularjs Image Gallery | http://www.onlinecode.org/super-angularjs-image-gallery/ |
| google Invisible reCAPTCHA v2 using AngularJs | http://www.onlinecode.org/google-invisible-recaptcha-v2-using-angularjs/ |
Hope this code and post will helped you for implement Angular 4 File and Folder Drop Library. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve onlincode. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs onlincode.org