File

src/app/workspace-admin/files/iqb-files/iqbFilesUploadInputFor/iqb-files-upload-input-for.directive.ts

Metadata

Selector input[iqbFilesUploadInputFor], div[iqbFilesUploadInputFor]

Index

Properties
Inputs
HostListeners
Accessors

Constructor

constructor(element: ElementRef)
Parameters :
Name Type Optional
element ElementRef No

Inputs

iqbFilesUploadInputFor
Type : any

HostListeners

change
change()

Properties

Private _element
Type : HTMLElement
Private _queue
Type : any
Default value : null

Accessors

filesUploadQueue
setfilesUploadQueue(value: any)
Parameters :
Name Type Optional
value any No
Returns : void
import {
  Directive, ElementRef, HostListener, Input
} from '@angular/core';

@Directive({
  selector: 'input[iqbFilesUploadInputFor], div[iqbFilesUploadInputFor]',
})
export class IqbFilesUploadInputForDirective {

  private _queue: any = null;
  private _element: HTMLElement;

  constructor(private element: ElementRef) {
    this._element = this.element.nativeElement;
  }

  @Input('iqbFilesUploadInputFor')
  set filesUploadQueue(value: any) {
    if (value) {
      this._queue = value;
    }
  }

  @HostListener('change')
  public onChange(): any {
    const { files } = this.element.nativeElement;
    // this.onFileSelected.emit(files);

    for (let i = 0; i < files.length; i++) {
      this._queue.add(files[i]);
    }
    this.element.nativeElement.value = '';
  }
}

result-matching ""

    No results matching ""