AngularJS 函数未通过 ngf-select 触发

Question

尝试上传图像文件并在名为 onFileSelect 的 AngularJS 函数中对其进行处理。但是，单击“选择文件”按钮后，onFileSelect 中 $scope.fileMsg 的值未更新。有小费吗？非常感谢!

<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>

Answer 1

您必须在模块中插入“ngFileUpload”，如下所示:

var app = angular.module('myApp', ['ngFileUpload']);

并且，如果您还没有，请注入(inject)必要的脚本。

这是一个有效的 fiddle : http://jsfiddle.net/ADukg/23032/