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时,你也应该意识到这一点:谢谢你的回复。至于细节。你说得对。