How to set array of values to accept property dynamically for input tag in angular 4

Question

I have following input tag, I need to set the accept value dynamically using array:

 <input #myFile type="file" />

To set the accept properties dynamically i am using view child:

@ViewChild("myFile") myFileRef: ElementRef;

ngAfterViewInit() {
    this.myFileRef.nativeElement.accept = ['.pdf','.doc','.docx','.xlsx', '.xls'];
  }

This is not working, is it possible using angular or javascript?

Why not using binding like [accept]="value" if you want to change it? — yurzui
– yurzui, Commented Dec 21, 2018 at 9:50

SeleM · Accepted Answer · 2018-12-21 09:50:28Z

1

It works just change what's in your array to strings:

ngAfterViewInit() {
    this.myFileRef.nativeElement.accept = [".doc",".docx",".xlsx", ".xls"];
  }

Here you wont find PDFs file type while trying to select some files.

Working demo.

edited Dec 21, 2018 at 9:50

answered Dec 21, 2018 at 9:48

SeleM

9,6785 gold badges36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SeleM Over a year ago

@bambam stackblitz.

Collectives™ on Stack Overflow

How to set array of values to accept property dynamically for input tag in angular 4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related