LtDragAndDrop

| version | Angular | | ------ | ---------- | | ^1.0.0 | ^5.0.0 | | ^2.0.0 | ^6.0.0 | | ^3.0.0 | ^7.0.0 | | ^4.0.0 | ^8.0.0 | | ^5.0.0 | ^9.0.0 | | ^6.0.0 | ^10.0.0 | | ^7.0.0 | ^11.0.0 | | ^8.0.0 | ^12.0.0 | | ^9.0.0 | ^13.0.0 |

N.B. from version >= 2.0.0 some of libraries are updated, resolved some critical bugs

To see what has been changed in the updates see the ChangeLog

This component help you to generate a dropzone in order to make an upload file system.

in your component script, you have to import LtFile and create 2 function in order to pass at the LtFilDnd Component

import { Component } from '@angular/core';
import { LtFile } from '../support/interface';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {


  public arrayList: LtFile[] = [];


  fileToUpdate(files: LtFile[]) {
    console.log(files);
  }

  fileToDelete(file: LtFile) {
    const index = this.arrayList.indexOf(file);
    if ( index > -1) {
      this.arrayList.splice(index, 1);
    }
  }
}

LtFileDnD have two different EventEmitter:

[-] uploadFile that send event when one or more file are insert into the Dropzone [-] deletedFile that send event when someone try to delete the file.

<h3>Drop File</h3>

<lt-filednd
[listOfFile]="arrayList"
(uploadFile)="fileToUpdate($event)"
(deletedFile)="fileToDelete($event)"
></lt-filednd>