数据表不适用于实时更新数据

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，用吧。