vid-webpack-master/src/app/shared/components/formControls/component/file/file.formControl.component.ts

   1 import {Component, ElementRef, Input, ViewChild} from "@angular/core";
   2 import {FormGroup} from "@angular/forms";
   3 import {FileFormControl} from "../../../../models/formControlModels/fileFormControl.model";
   4
   5 @Component({
   6   selector : 'file-form-control',
   7   templateUrl : './file.formControl.component.html',
   8   styleUrls : ['./file.formControl.component.scss']
   9 })
  10
  11 export class FileFormControlComponent {
  12   @Input() data: FileFormControl = null;
  13   @Input() form: FormGroup;
  14   @ViewChild('fileUploader')
  15   fileUploader:ElementRef ;
  16
  17   onDelete(event, data, form) {
  18     event.stopPropagation();
  19     event.preventDefault();
  20     form.value[data.controlName] = this.fileUploader.nativeElement.value = "";
  21     data.selectedFile = data.placeHolder;
  22     if (data.onDelete){
  23       data.onDelete(form);
  24     }
  25
  26   }
  27 }