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

在删除项功能中，从数组中拼接项后，将数据保存到数据库，然后立即使用ajax获取新数据集。 完成将数据保存到数据库后，使用：

$http.get(...)

获取新数据并更新数组/表（应该是这样），而不必刷新页面。

Answer 2

1. 删除数据库中的记录时。您应该从中重新加载数据 $ http和$ scope.objects的设置数据。

2. 或使用删除

   $ scope.objects = $ scope.objects.slice（1）; // 1是     索引对象

   然后删除数据库中的记录。

Answer 3

只需使用控制器功能删除：

this.objects.splice(index, 1)

并在html的删除按钮中，调用delete函数并传递索引或其他唯一ID。 e.g

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

$ index是指ng-repeat

中的当前索引

如果您愿意，可以从服务器中删除，如果解决了成功回调/承诺，则从视图中删除，如上所述