上传文件后启用按钮第一次不起作用

Question

我正在尝试将我的按钮的启用状态设置为在选择要上传的文件后启用

问题是在启用按钮之前我必须选择文件两次

   <form name="importForm">
    <div ng-if="vm.results == null">

        <div>
            <label>File*</label>

            <input id = "uploadFile" ng-model="vm.fileImporter.file"
                   onchange="angular.element(this).scope().file_changed(this)"
                   required
                   type="file" accept="*" />
        </div>

        <div class="footer">
            <button ng-disabled="importForm.$invalid" ng-click="vm.importFile()">Import</button>
        </div>
    </div>
</form>


    $scope.file_changed = function (element) {
        $scope.$apply(function (scope) {
            var file = element.files[0];
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function (evt) {
                vm.fileImporter.file = evt.target.result;
            }
        });
    };

Answer 1

问题出在这一行：

onchange="angular.element(this).scope().file_changed(this)"

通过这样做，您正在处理输入范围，而不是您的控制器范围（因此，您不是指您的函数 $scope.file_changed ）。

尝试将您的线路更改为这样的内容（注意使用 ng-change 而不是 onchange）：

ng-change="file_changed(this)"

应该可以解决你的问题。