Question

我正在尝试构建我的第一个角度应用程序，我可能需要一些帮助。

我正在使用标准的$ resource操作访问REST服务：

angular.module('wtrack', ['ngResource']).
    factory('WtrackAPI', function($resource) {
      var WtrackAPI = $resource('http://hostname/wtrack/api/w/:id');
      return WtrackAPI;
    });

这是我的控制者：

function ListCtrl($scope, $timeout, WtrackAPI){

    $scope.wdata = WtrackAPI.query(); // a list of objects displayed in my view

    $scope.addEntry = function() {   // adding an object to the list
        console.log("Adding Entry");
        var entry = {day: $scope.wdata.day, value: $scope.wdata.value};
        WtrackAPI.save(entry, 
                          function(){console.log("WTF do I need to do here to rerun WtrackAPI.query()");});
    };

}

我想要做的是基本上在save（）完成后再次执行$scope.wdata = WtrackAPI.query();来更新我的模型。我怀疑角度方式只是$scope.wdata.push(entry)，但在这种情况下，数据库会向带有触发器的条目添加一些数据，并进行一些复杂的排序，所以我真的想要使用查询来往返并重新加载整个列表。我怎样才能做到这一点？只是在保存回调中调用$scope.wdata = WtrackAPI.query();不起作用，因为$ scope显然不存在。我用$ emit和$ rootScope等尝试了一些其他的东西，但所有这些让我真的很困惑。所以，请问，任何人都可以给我一个暗示正确的方法吗？

Answer 1

接受的答案会暂时给你一个空白模型。我建议将其用于更清晰的模型更新：

function ListCtrl($scope, $timeout, WtrackAPI){
        $scope.queryWData = function() {
            WtrackAPI.query(function(response){
                // set the wdata here, in the callback
                $scope.wdata = response;
            })
        };
        $scope.addEntry = function() {   // adding an object to the list
            console.log("Adding Entry");
            var entry = {day: $scope.wdata.day, value: $scope.wdata.value};
            WtrackAPI.save(entry,
                function(){
                    $scope.queryWData();
                });
        };
        $scope.queryWData();
    }

我建议不要将$scope.wdata设置为等于$resource，因为在该资源响应之前，您将$ scope.wdata设为空。在模型实际更新之前，这将导致大量空白内容。

要解决此问题，我们会在$scope.wdata回调

中设置$resource

Answer 2

$scope对象应该在闭包范围内可访问，因此您应该能够写：

function ListCtrl($scope, $timeout, WtrackAPI){

    $scope.wdata = WtrackAPI.query(); // a list of objects displayed in my view

    $scope.addEntry = function() {   // adding an object to the list

        var entry = {day: $scope.wdata.day, value: $scope.wdata.value};
        WtrackAPI.save(entry, function() {
           //$scope should be accessible here
           $scope.wdata = WtrackAPI.query();
        });
    };
}

如何从$ resource.save（）触发模型更新？

2 个答案: