如何在angularjs的文本框中填充选定的文件名

时间:2015-07-05 16:38:33

标签: javascript jquery angularjs

这是代码。

<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>

当用户选择要上传的文件时,它将以ul - li显示。但我希望同样的文件名也显示在文本框中。为此,我将文本框值设置为值=&#34; b.files [0] .name&#34;。但它不起作用。

对此有何帮助?

1 个答案:

答案 0 :(得分:1)

编辑:如果存在,则值始终被ng-model覆盖,因此您应该使用:

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