angularjs - 资源发布后更新 Angular View

Question

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

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

$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);