资源发布后更新 Angular View

Question

这是我的问题！我使用$resource API 将数据从客户端发布到服务器端。服务器端成功更新数据库后，我有点希望我的视图中的数据会更新。

我选择通过以下方式实现这一目标：

$scope.magazines = Magazines.query();

$scope.addMagazine = function() {
   var magazine = new Magazines({...payload data});
   Magazines.save(magazine, function() {
   $scope.magazines = Magazines.query();
});
};

Magazines 是一个定义好的 ngResrouce 工厂。

此代码运行良好。我唯一的问题是，每当我激活此功能（通过鼠标单击）时，视图都会闪烁（刷新）一次。这是一个非常糟糕的用户体验。

我想知道是否有任何其他方法可以在不刷新整个$scope.magazines 的情况下将新“杂志”添加到范围？

顺便说一下，后端的 api 会添加一些属性（例如创建时间或 id）。即使我编写代码来获取最后添加的项目（我想是不同的工厂方法），我仍然必须将它添加到 $scope.magazines 并且我不知道该怎么做。

有什么想法吗？

Answer 1

只需将push 新的Magazine 放到现有的$scope.magazines 上（假设它是一个数组）

var magazine = new Magazines({...payload data});
$scope.magazines.push(magazine);