輸入類型的文件無法在angularjs

Question

我創建一個web應用程序中，我有一個輸入字段來獲取與文件類型的文件名

<input type="file" ng-model="getfilename" />

和一個按鈕

<button ng-click="clickfordetails()">Click Here!</button>

和段落標籤<P>{{file}}</p> 當用戶從輸入字段輸入文件後點擊按鈕時，他應該得到文件名{{file}}

，這裏是我的同

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

控制器，但我無法獲取文件名當我編輯控制器添加到該

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

在我的控制檯中的值（谷歌瀏覽器）是Undefined

我需要怎麼做？

Answer 1

使用下面的指令

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