Add dynamic identifier on input type created by ng-file-upload directive.

[demon-user]

i have two separate upload button for angular-file-upload. They both create separate input elements at the bottom of the body. As they look alike ( cannot be distinguished ). I want to differentiate them for testing purpose (e2e test selenium webdriver) by passing optional paramater to the directive, but they are treated as string and not evaluated on the input element. I have used new doctype attribute.

[bikram-mits]

i am having same issue..we need different identifier so that it will be easier for us to upload the file in end to end test.

[danialfarid]

Feature added at version 10.0.3.
If you specify an id for your element, the input type file will have that id prefixed with ngf-.
So

<div id="myid" ngf-select>

will create

<input type="file"  id="ngf-myid" ...>

[demon-user]

Thanks (y)

[vjuras]

This doesn't work inside ng-repeat. For example

<div ng-repeat="...">
    <div id="myid-{{$index}}" ngf-select></div>
</div>

gives

<input type="file"  id="ngf-myid-{{$index}}" ...>

is where any other way to set unique identifier?

[danialfarid]

@vilmysj create a separate issue with jsfiddle to show the issue please.

[coryschires]

I'm having the same problem as @vilmysj when trying to set the id within a directive.

[vjuras]

Here is separate issue #1529