Javascript 渲染大字符串时AngularJS速度较慢

对于Angular 1.5文件上载组件，我实现了一个预览

当用户选择一个文件时，它由

文件读取器

读取，在加载端，我将内容存储在一个控制器变量中，如

fileReader.onloadend = function(ev) {
    $rootScope.$evalAsync(function($scope) {
        $ctrl.rawFileContent = ev.target.result;
    });
};

模板会向用户显示它

<pre ng-show="$ctrl.rawFileContent">{{$ctrl.rawFileContent}}</pre>

` $rootScope.$evalAsync（函数（$scope）{ var previewTarget=document.getElementsByClassName（“previewTarget”）[0]； previewTarget.innerHTML=ev.target.result； }); 你有什么想法，为什么要花这么长时间

我怎样才能加快速度

---

或者，作为一种解决方法，我可以跟踪进度以通知用户吗？

请提供一些解释，说明您的链接与我的问题有何关联。请注意，我的问题不是文件加载，而是之后的渲染。这有助于在作业完成时显示进度。我仍然想知道500k文件的预览效果如何？读取文件并将其显示在前端会使其变慢或AngularJS绑定？我很好奇500 KB的文本上会有多少行。1700行文字！不要试图渲染所有可以用来渲染文件一部分的内容。我已经尝试过你的场景，但是考虑到你正在加载一个大的文本文件，这需要一段正常的时间。请尝试更新并使用此plunker来回答您的问题，可能我不了解一些事情。我想处理日志文件，这些文件可能会变得很大。用户不想去想它，只想把它们扔向（网络）应用程序。无限滚动的方法看起来很有希望。。。

<pre ng-show="$ctrl.rawFileContentReady" class="previewTarget"></pre>`


$rootScope.$evalAsync(function($scope) {
    var previewTarget = document.getElementsByClassName("previewTarget")[0];
    previewTarget.innerHTML = ev.target.result;
});