Html AngularJs如何在不重新加载页面的情况下更新数据表

Html AngularJs如何在不重新加载页面的情况下更新数据表,html,angularjs,html-table,refresh,Html,Angularjs,Html Table,Refresh,我的控制器中有以下数组,用于从数据库获取对象: this.objects = [ //data of array goes here ]; 然后我有一个html表: <tbody ng-repeat="object in object.recipients> <tr> <td>{{object.attribute.content}}</td> </tr> </tbody> 在delete

我的控制器中有以下数组,用于从数据库获取对象:

this.objects = [ //data of array goes here ];
然后我有一个html表:

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

在delete item函数中,从数组中拼接项目后,将数据保存到数据库中,然后立即使用ajax获取新数据集。
将数据保存到数据库后,使用:

$http.get(...)
获取新数据并更新数组/表(按应有的方式),而无需刷新页面

  • 当您删除数据库中的记录时。您应该从中重新加载数据 $http并为$scope.objects设置数据
  • 或者使用delete

    $scope.objects=$scope.objects.slice(1);//1是 索引对象

    然后删除数据库中的记录


  • 只需使用控制器功能删除即可:

    this.objects.splice(index, 1)
    
    在html中的delete按钮中,调用delete函数并传递索引或其他唯一id

    <button ng-click="deleteThis($index)">Delete</button>
    
    删除
    
    $index指的是ng repeat中的当前索引


    如果您愿意,您可以从服务器中删除,如果成功回调/承诺已解决,请按照上述说明从视图中删除

    谢谢!虽然给出的所有答案都是正确的,但我不知道索引的事情。我在数组中搜索该元素以将其删除。所以+1!我不想成为一个buzzkill,但是当你依赖$index时,你也应该意识到这一点:谢谢你的回复。至于细节。你说得对。