Доступны ли данные для разбивки на страницы и поиска живых данных?

Question

Я пытался использовать таблицы данных для оперативных данных, но моя проблема в том, что каждый раз, когда обновляются мои данные, я не могу использовать поиск, и каждый раз, когда я использую нумерацию страниц, происходит возврат на первую страницу.Может кто-нибудь знает, какой плагин с поддержкой данных совместим с angular?

Вот мой код для обновления данных в реальном времени:

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/angular.js/1.7.5/angular.min.js"></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

Вы должны инициализировать вашу таблицу данных с параметром stateSave .Это позволяет вам сохранять нумерацию страниц, значения фильтров и сортировку таблицы при обновлении страницы.Он использует API-интерфейсы HTML5 localStorage и sessionStorage.

$('#example').dataTable( {
    stateSave: true
});