Javascript 输入类型文件无法获取文件类型为angularjs的文件名

我正在创建一个web应用程序，其中有一个输入字段

还有一个按钮

点击这里

和段落标记
{{file}

当用户从输入字段输入文件后单击按钮时，他应该在
{{file}}

这是我的控制器

$scope.clickfordetails=function() {
    $scope.file=$scope.getfilename;
}

但是，当我将控制器编辑为此时，无法获取文件名

$scope.clickfordetails=function() {
    console.log($scope.getfilename);
}

我的控制台（google chrome）中的值是
未定义的

我需要如何执行此操作？？？
使用以下指令

directive('customFileInput', [function () {
    return {
        link: function (scope, element, attrs) {
            element.on('change', function  (evt) {
                var files = evt.target.files;
                scope.filename=files[0].name
            });
        }
    }
}]);

不，它不工作，这就是我在这里问问题的原因Sir您不能使用ng模型访问文件检查此我需要使用指令的位置？将abode指令放在您的项目上，然后在控制器上修改您的输入您将获得变量“$scope.filename”的文件名如果您认为这是一个值得的问题，请投票支持我的问题