AngularJs Как обновить таблицу данных без перезагрузки страницы

Question

У меня есть следующий массив в моем контроллере, который получает объекты из базы данных:

this.objects = [ //data of array goes here ]; 

Тогда у меня есть HTML-таблица:

<tbody ng-repeat="object in object.recipients> 
    <tr> 
     <td>{{object.attribute.content}}</td> 
    </tr> 
</tbody> 

Таблица, отображается правильно. И у меня есть кнопка удаления, которая удаляет объекты из базы данных. Но чтобы увидеть изменения на моей таблице, мне нужно обновить страницу. Как обновить таблицу без обновления?

Answer 1

Просто удалите с помощью функции контроллера, который делает:

this.objects.splice(index, 1) 

и в вашем удаления кнопки в HTML, вызовите функцию удаления и передачи индекса, или другой уникальный идентификатор. например

<button ng-click="deleteThis($index)">Delete</button> 

$ индекс относится к текущему индексу в нг-повторе

Если вы хотите, вы можете удалить с сервера, и если успех обратного вызова/обещание будет решена, а затем удалить с точки зрения как объяснено выше

Answer 2

В вашей функции delete item, после сращивания элемента из массива, сохраните данные на свой db, а затем сразу же используйте ajax для получения нового набора данных. После завершения сохранения данных в БД, использование:

$http.get(...) 

принести новые данные и обновить массив/таблицы (так, как это должно быть) без необходимости обновлять страницу.

Answer 3

1. Когда вы удаляете запись в базе данных. Вы должны перезагрузить данные с $ http и установить данные для объектов $ scope.object.

2. Или с помощью удаления

   $ scope.objects = $ scope.objects.slice (1); // 1 - индексный объект

   затем удалите запись в базе данных.