Question

我的要求是将日志文件加载到HTML文件（例如：Div元素）中，该文件大于30MB，可能高达100MB或更多。我正在使用AngularJS，AJAX，Jquery，CSS技术。当我点击链接路径时，该数据文件将被点击，内容将返回到一个对象。我读了这个对象并在HTML元素中显示数据。例如，当数据增加到超过30MB时，页面没有响应。服务器端是带REST的JAVA技术。在一天结束时，我需要使用搜索框搜索加载的HTML中的特定单词或短语。我的问题是我无法将大量数据加载到HTML中。示例代码如下。

<div ng-app="myApp" ng-controller="myCtrl"> 



<div style="color:black;font-size:12px;">{{myWelcome}}</div>

</div>


<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $timeout) {
  $http.get("http://localhost/assetdownload_0205/json/generated.json")
  .then(function(response) {
     // var myjson = JSON.parse(data);
      $timeout(function(){
       $scope.myWelcome = response.data;
      console.log("length",response.data);

      },2000);
       });

});
</script>

Answer 1

你可以尝试单簧管。它看起来非常有希望处理流：https://github.com/dscape/clarinet 在您的大文件中打开或关闭的每个块中，您可以在网页上呈现某些内容。

此示例显示没有节点的用法： https://github.com/dscape/clarinet/blob/master/samples/simple.html

如何使用AngularJS将超过30MB的大量数据（如JSON或文本文件）加载到HTML页面（例如：div中）

1 个答案: