Angular.js问题：ng-repeat未渲染更新后的数组

这个问题我之前也碰到过，本质是AngularJS的脏值检测机制没捕捉到数组的变化。AngularJS依赖自身的「消化循环（Digest Cycle）」来监听数据变化并更新视图，但如果你的push操作是在Angular的上下文之外执行的（比如原生AJAX回调、原生setTimeout、非Angular第三方库的回调），Angular就无法感知到数组已经被修改，自然不会触发ng-repeat的视图更新。

具体解决方案分这几种情况： #

1. 改用Angular自带的$http服务发送请求

这是最推荐的方式，因为$http的回调函数会自动触发Angular的消化循环，不需要额外操作。比如把你原来的原生AJAX替换成：

// 注入$http服务到你的控制器里
app.controller('YourController', function($scope, $http) {
    function processError() {
        var error = {
            client: document.getElementById('client').value,
            errorMessage: document.getElementById('error-message').value
            // 其他字段...
        };

        // 用$http发送请求到服务器
        $http.post('/your-api-url', error)
            .then(function(response) {
                // 请求成功后push到数组，此时Angular会自动更新视图
                $scope.errorArray.push(error);
            })
            .catch(function(err) {
                // 错误处理
                console.error('请求失败:', err);
            });
    }
});

2. 手动触发Angular的消化循环（如果必须用原生AJAX/第三方库）

如果因为某些原因不能改用$http，那就在push操作的时候，用$scope.$apply()把操作包裹起来，强制Angular检测数据变化：

function processError() {
    var error = {
        client: document.getElementById('client').value,
        errorMessage: document.getElementById('error-message').value
        // 其他字段...
    };

    // 假设这里是你的原生AJAX请求
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/your-api-url', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onload = function() {
        if (xhr.status === 200) {
            // 用$apply包裹push操作，触发消化循环
            $scope.$apply(function() {
                $scope.errorArray.push(error);
            });
        }
    };
    xhr.send(JSON.stringify(error));
}

或者也可以用Angular的$timeout服务（注意是Angular提供的，不是原生setTimeout），它会自动触发消化循环：

// 记得在控制器里注入$timeout
app.controller('YourController', function($scope, $timeout) {
    // ...
    xhr.onload = function() {
        if (xhr.status === 200) {
            $timeout(function() {
                $scope.errorArray.push(error);
            });
        }
    };
    // ...
});

3. 确认数组操作的正确性

另外要确保你是直接对绑定到ng-repeat的原数组执行push，而不是重新赋值一个新数组（比如$scope.errorArray = newArray）。不过你提到是用push，所以这个情况大概率不涉及，但还是要留意一下。

内容的提问来源于stack exchange，提问作者farmlandbee