У меня есть проект Angular, в котором у меня есть таблица для отображения данных из массива. Сначала я использовал таблицу angular, но это очень медленно. Теперь я добавил jQuery datatable (datatables. net), который на самом деле довольно быстро рендерится. Кажется, все работает нормально (сортировка, подкачка страниц), за исключением одной вещи. Чтобы обновить sh таблицу, если массив изменен. Я продемонстрирую простой код, который покажет вам, что я имею в виду.
Таблица повторяется на простом * ngFor l oop массиве объектов:
<table id="myTable">
...
<tr *ngFor="let currentRow of currentArray">
...
</table>
Допустим, эта таблица отображает 100 строк Затем я делаю изменение на стороне сервера currentArray, который фильтрует его до 10 строк. Тогда обычная двусторонняя привязка angular больше не работает. Это не обновляет таблицу. Очевидно, потому что теперь это таблица jQuery. Если я распечатываю currentArray в консоли, он показывает мои правильные 10 строк.
Я думал, что что-то вроде этого должно работать:
var table = $('#myTable').DataTable();
table.draw()
, вызывая это после того, как я отфильтрую свой массив. Но нет, это не обновляет sh мой стол. Нет, это не вызов ajax, а просто фильтруемый массив объектов.
Кто-нибудь знает, как я могу обновить sh мою jQuery таблицу в моем решении angular 2?