Angularjs angular JS中的文件上传器元素

Angularjs angular JS中的文件上传器元素,angularjs,file-upload,Angularjs,File Upload,我是angular js的新手,正在尝试创建一个简单的文件上传元素。下面是我的js代码 <div class="input-group input-group-sm" id="fileUploader"> <span class="input-group-btn"> <span class="btn btn-primary btn-file"> Browse<input type="

我是angular js的新手,正在尝试创建一个简单的文件上传元素。下面是我的js代码

<div class="input-group input-group-sm" id="fileUploader">
        <span class="input-group-btn">
            <span class="btn btn-primary btn-file">
                Browse<input type="file" ngf-select ng-model="csvFile" name="file" accept=".csv"></input>
            </span>
        </span>         
        <input type="text" id="fileInput" class="form-control" placeholder="Choose file" readonly></input>
        <span class="input-group-btn">
            <button class="btn btn-primary" type="submit">Ok</button>
        </span>
    </div>

浏览
好啊

当我单击browse按钮并选择一个文件时,我希望文件名显示在
fileInput
元素上。有人能帮我怎么做吗?

'fileinput'
输入中,尝试设置
value={{{csvFile.name}
。如果您正确地注入了所有依赖项,那么这应该是可行的