Question

我在角度使用简单的bootstrap表。我的问题是从其他服务器使用AJAX获取数据。

所以在这种情况下我已经创建了一个globalCtrl并在Initialized中尽快调用了AJAX。在我的案例中使用angular.bootstrap（document，“myApp”）。

作为JSON阵列，表长度达到6000强，并且需要花费大量时间才能显示。其次，在使用导航时，页面会因为再次调用此AJAX而减慢速度。

app.controller("globalCtrl",function($scope,$rootScope,$http)
{

$rootScope.showTable=false;
//get JSON DATA FROM SERVER  
$http.get(RESTURL.getSentiments).then(function(res)
          {
                log(res);
                $rootScope.sentimentDispData = res.data;
                $rootScope.showTable=true;
          }); /*AJAX ENDS*/





});

HTML标记

<div class="col-1g-12">
<h1 ng-show="!showTable">Please Wait Table Data is Loading.....</h1>
<table class="table" ng-show="showTable">
<thead>
<tr>
<th>Anger</th>
<th>Disgust</th>
<th>Fear</th>
</tr>
</thead>
<tbody>
  <tr  ng-repeat="sent in sentimentDispData | orderBy:sortType:sortReverse">
<td>{{sent.Anger}}</td>
<td>{{sent.Disgust}}</td>
<td>{{sent.Fear}}</td>
</tr>
</tbody>
</table>

</div>

登陆页面时有landingCtrl 以上代码在globalCtrl

中

Angular Bootstrap表在显示数据时变慢

0 个答案: