How to reset selected file with input tag file type in Angular 2?

Question

This is how my input tag looks like:

Rese         


        

Answer 1

One way to achieve it is to wrap your input in

tag and reset it.

I'm not considering attaching thr form to NgForm or FormControl either.

@Component({
  selector: 'form-component',
  template: `
    
      
    
    Reset
`
})
class FormComponent {



  @ViewChild('form') form;


  reset() {
    this.form.nativeElement.reset()
  }
}

https://plnkr.co/edit/Ulqh2l093LV6GlQWKkUA?p=preview