How to fill selected file name in text box in angularjs

Question

This is the code.

<button ngf-select ng-model="b.files" class="btn btn-success btn-sm" ng-click="uploadMode=1">
    <span class="glyphicon glyphicon-picture"></span> Pick Image
</button>

<input type="text" ng-model="f.name" value="b.files[0].name"><br><br>

<ul>
    <li>{{b.files[0].name}}</li>
</ul>

When user selecting a file to upload, it is displaying in ul - li. But i want same file name to be displayed in text box also. For that i am setting text box value to value="b.files[0].name". But its not working.

Any help on this?

michelem · Accepted Answer · 2015-07-05 16:53:52Z

1

EDIT: Value is always overwritten by ng-model if present, so you should use this:

<input type="text" ng-model="b.files[0].name">

edited Jul 5, 2015 at 16:53

answered Jul 5, 2015 at 16:47

michelem

14.6k5 gold badges55 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

How to fill selected file name in text box in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related