входной тип файла не может получить имя файла с типом файла в angularjs

Question

Я создаю веб-приложение, в котором у меня есть поле ввода

<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); 
} 

значение в моей консоли (Google Chrome) составляет 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 
      }); 
     } 
    } 
}]);