Question

我尝试使用datatables插件，并且该表在我的表中正常运行。我有一个问题：当我尝试每隔几秒钟刷新一次使用$interval从数据库获取值的函数时，它将破坏整个表，并且由于整个表都会刷新，因此我无法使用搜索和分页，

我尝试了什么但不起作用：

statesave();
destroy();

这是我的使用数据表实时更新数据的代码：

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope','$interval', function($scope,$interval) {
  $interval(function () {
    $scope.register = {
      regData: {
        branch: {},
      },
      names: [
        {name:"narquois"},{name:"vorpal"},{name:"keen"},
        {name:"argol"},{name:"long"},{name:"propolis"},
        {name:"bees"},{name:"film"},{name:"dipsetic"},
        {name:"thirsty"},{name:"opacity"},{name:"simplex"},
        {name:"jurel"},{name:"coastal "},{name:"fish"},
        {name:"kraken"},{name:"woman"},{name:"limp"},
      ],
    };
    }, 1000);
  }]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script type="text/javascript">
$(function() {
    $('#example').DataTable({
        pageLength: 10,
    
    });
})
</script>
  

<div ng-app="selectExample" ng-controller="ExampleController">
<table id="example" width="100%">
    <thead>
        <tr align="center">
            <th>Name</th>
        </tr>
    </thead>			
	<tbody>
		<tr ng-repeat="person in register.names">
            <td align="center">{{ person.name }}</td>
        </tr>
	</tbody>
</table> 
</div>

Answer 1

如果您相信我不会使用该功能，那么它将仅占用一个表的大量内存。实时表有很多API，请使用它们。

数据表无法实时更新数据

1 个答案: