Merge pull request valor-software#786 from albpara/feature/emit-event…

…-when-file-is-selected Emit event when file is selected
PUYUP · Oct 7, 2017 · 631b4aa · 631b4aa
2 parents 898f297 + 57b2d07
commit 631b4aa
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/file-upload/file-select.directive.ts b/src/file-upload/file-select.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, Input, HostListener } from '@angular/core';
+import { Directive, EventEmitter, ElementRef, Input, HostListener, Output } from '@angular/core';
 
 import { FileUploader } from './file-uploader.class';
 
@@ -7,6 +7,7 @@ import { FileUploader } from './file-uploader.class';
 @Directive({ selector: '[ng2FileSelect]' })
 export class FileSelectDirective {
   @Input() public uploader: FileUploader;
+  @Output() public onFileSelected:EventEmitter<File[]> = new EventEmitter<File[]>();
 
   protected element: ElementRef;
 
@@ -26,7 +27,7 @@ export class FileSelectDirective {
     return !!this.element.nativeElement.attributes.multiple;
   }
 
-  @HostListener('change')
+  @HostListener('change', ['$event'])
   public onChange(): any {
     // let files = this.uploader.isHTML5 ? this.element.nativeElement[0].files : this.element.nativeElement[0];
     let files = this.element.nativeElement.files;
@@ -36,6 +37,8 @@ export class FileSelectDirective {
     // if(!this.uploader.isHTML5) this.destroy();
 
     this.uploader.addToQueue(files, options, filters);
+    this.onFileSelected.emit(files);
+
     if (this.isEmptyAfterSelection()) {
       // todo
       this.element.nativeElement.value = '';