选择文件后的范围变量未更改其值

Question

选择文件后，我尝试将范围值更改为文件路径。

这是html文件

<input type="file" name="file" onchange="angular.element(this).scope().showFilePath(this)">
<div>{{filename}}</div>

控制器中的

angular.module('app')
.controller('UploadFile', function($scope){
    $scope.filename = 'please upload a file'
    $scope.showFilePath = function(file){
    console.log(file.value)
    $scope.filename = file.value
    console.log($scope.filename)
  }
})

console.log($scope.filename)显示的位置＆＃34; C：\ fakepath \ 1m.jpg＆＃34;但是在网页中它仍会显示＆＃34;请上传文件＆＃34;

我该如何处理？

谢谢

Answer 1

我希望你试过这个

    $scope.showFilePath = function(file) {
     console.log(file.value)
     $scope.filename = file.value
     $timeout(function() {
        $scope.$apply();
     }, 1000)
    }