使用Angular js在输入类型文件指令中获取文件名

Question

我使用input type="file"进行表单输入。 我在insert中没有任何限制，但我在编辑或更新数据时遇到问题。从已输入的文件中获取数据。如果我点击按钮filename，则显示edit。你能帮助我吗 ？如何在侧输入类型文件中获取文件名和显示？感谢。

这是我的输入类型=“文件”

<div class="form-group">
<label class="control-label col-md-3">Image</label>
<div class="col-md-6">
<input type="file" name="file" file-model="userfile">
</div>
</div>

这是我的指示

app.directive('fileModel', ['$parse', function ($parse) {
    return {
    restrict: 'A',
    link: function(scope, element, attrs) {
        var model = $parse(attrs.fileModel);
        var modelSetter = model.assign;

        element.bind('change', function(){
            scope.$apply(function(){
                modelSetter(scope, element[0].files[0].name);
            });
        });
    }
   };
}]);