javascript - 如何在 http 请求后更新 ng-repeat 列表

Question

在发出 PUT 请求后，我无法更新我的 ng-repeat 列表。服务很好。

Controller .js

teamData.updateTeam(team.id, teamObj, function(res) {
                        console.log('Success');
                    });

服务.js

teamService.updateTeam = function(teamId, param, callback) {
          var req = {
            method: 'PUT',
            url: '/team' + teamId,
            headers: {
              'Content-Type': 'application/json'
            },
            'data': param
          };
          return $http(req).then(function(res){
            callback(res);
          }, function(err){
            callback(err);
          });
        };

团队路线.js

app.put('/team/:id', function(request, response) {
    var options = {
        host: reqParam.hostFramework,
        path: reqParam.path + '/team/' + request.params.id,
        method: 'PUT',
        headers: {
            'token': reqParam.token,
            'Content-Type': 'application/json',
            'Content-Length': Buffer.byteLength(JSON.stringify(request.body))
        }
    };
    var resString = '';
    var req = https.request(options, function(res) {
        res.setEncoding('utf8');
        res.on('data', function(d) {
            resString += d;
        });
        res.on('end', function() {
            response.send(resString);
        });
    });
    req.write(JSON.stringify(request.body));
    req.end();
});

团队.html

<div ng-repeat="team in teamData">
    <h2>{{team.name}}</h2>
    ....
</div>

我的目标是在发出 PUT 请求后立即更新 ng-repeat 列表(不刷新页面)。我怎样才能实现它？

Answer 1

将其分配回模型。例如，如果你的 ng-repeat 在 $scope.item 上，那么:

 return $http(req).then(function(res){
        callback(res);
        $scope.item = res
      }, function(err){
        callback(err);
      });