Angularjs:ie11中的JSON对象响应呈现需要很长时间

时间:2017-01-30 14:51:01

标签: angularjs json

我的应用程序中有一个搜索屏幕。 在搜索查询中,AngularJS从数据库中获取大约1100条记录。

记录会在3到6秒内显示在Chrome浏览器上。 但在IE11中,渲染大约需要4分钟。

这是IE11中的已知问题吗?

我是否可以在AngularJS服务或JSON对象响应结构中修改以解决IE浏览器的这个问题?

注意: 我目前在html页面中使用ng-repeat来显示搜索结果。将使用任何其他CRUD表与angularJS解决问题(像JTable)?或转向分页?

感谢。

代码:

JS档案:

$scope.findRecordList = function(){
  recordService.getMoreRecords($scope.recordsForm)
  .then(function(data) {
          console.log(data);
          $scope.resultList= data;
  }
}

JS中的服务:

getMoreRecords: function(recordsForm) {
            var deferred = $q.defer();
            $http({
                method : 'POST',
                url : 'findRecordsList',
                data: recordsForm,  
                headers: {'Content-Type': 'application/json'}
            }).then(function success(res) {
                deferred.resolve(res.data);
            }, function error(res) {
                deferred.reject(res);
            });
            return deferred.promise;
        }

HTML:

    <table ng-table="recordsTable" class="table table-striped" id="results-list" fixed-header >
             <thead>
                <tr>
                    <th>Name</th>
                    <th>Number</th>
                    <th>Address</th>
                    <th>Validity</th>
                </tr>
             </thead>
             <tbody >
              <tr ng-repeat="record in resultList">
                 <td>{{record.name}}</td>
                 <td>{{record.number}}</td>
                 <td>{{record.address}}</td>
                 <td>{{record.validity}}</td>
              </tr>
            </tbody>
   </table>

1 个答案:

答案 0 :(得分:0)

我看到通过使用分页,IE也能够快速呈现结果列表

但我想知道,是否可以使用angularJS在IE中显示超过500条记录而不需要花费太多时间?