Angularjs中未定义函数ReferecenError onchange

Question

我遇到文件输入的 onchange 事件问题。 这是我的代码：

HTML：

 <input type="file" kendo-upload k-options="uploadOptions" id="fileInput" onchange="fileUploaded(event)"/>

Angularjs 代码 - 使用 Typescript。

$scope.fileUploaded = (event) => {
            console.log("Testing file upload");
            var reader = new FileReader();
            var target = event.target || event.srcElement;
            reader.onload = function(e) {
                $scope.$apply(function() {
                    $scope.readFile = reader.result;
                });
            };
            var file = target.files[0];
            reader.readAsText(file);
        };

我尝试遵循这一点并进行相应更改，但仍然遇到问题。 Pass angularJS $index into onchange

我变成了这样。

<input type="file" kendo-upload k-options="uploadOptions" id="fileInput" onchange="angular.element(this).scope().fileUploaded(this)">

我收到了这个错误。 Uncaught TypeError: undefined is not a function。 改变

当我尝试使用 ng-change 时，出现此错误。

<div kendo-window="importFile" k-visible="false" k-modal="true" k-title="'Import File'"
         k-min-width="450" k-max-width="450"
         k-min-height="418" k-max-height="418">
        <form kendo-validator="validator" ng-submit="validate($event)">
                <li style="padding-bottom: 5px;">
                    <input type="file" kendo-upload k-options="uploadOptions" id="fileInput" ng-change="fileUploaded($event)"/>
                </li>
        </form>
    </div>

访问时会报错 $scope.importFile.center(); “TypeError：无法读取未定义的属性‘中心’” 同样，如果我使用 ng-click，效果很好。

非常感谢您对此的任何帮助。

谢谢！

Answer 1

在这种情况下您不能使用ngChange，因为ngChange 始终需要ngModel，而ngModel 不适用于输入类型文件。此外，您不能直接使用onchange 访问绑定到$scope 的函数。而是使用以下内容：

onchange="angular.element(this).scope().fileUploaded($event)"