Функция AngularJS не запускается через ngf-select

Попытка загрузить файл изображения и обработать его в функции AngularJS, называемой onFileSelect. Однако после нажатия кнопки «Выбрать файл» значение $ scope.fileMsg внутри onFileSelect не было обновлено. Какие-нибудь советы? Огромное спасибо!

<div ng-app = "myApp" ng-controller = "myCtrl">
    <form name = "myForm">
        <div>
            <input type = "file" ngf-select = "onFileSelect(file)" name = "file">
            <span ng-show = "fileMsg">{{fileMsg}}</span>
        </div>
    </form>
</div>
<script>
   var app = angular.module('myApp', []);
   app.controller('myCtrl', function($scope, $http) {
        $scope.fileMsg = "Checkpoint 1";
        $scope.onFileSelect = function(file) {
        $scope.fileMsg = "Checkpoint 2";
        }
    }
);
</script>