AngularJS点击按钮刷新ng-repeat表格：无法更新字段值求助

看起来你遇到的核心问题是：调用save_params函数完成HTTP请求后，页面上ng-repeat渲染的表格表头（Class和Transfs字段）没有跟着更新，哪怕试了$scope.$apply()或者$timeout也没效果。我来帮你一步步排查和解决这个问题。

首先，先明确关键问题点 #

你的视图绑定了kls_dict[column_name][0]和kls_transfs[kls_dict[column_name][0]][0]这两个变量，但目前你的save_params函数的success回调里，只打印了后端返回的data，完全没有把返回的更新数据同步到绑定的变量上——这才是视图不更新的根本原因！

具体修复步骤 #

1. 在HTTP请求的success回调里更新绑定变量

假设后端返回的data包含了更新后的Class和Transfs数据（比如data.updated_classes和data.updated_transfs），你需要把这些数据赋值给视图绑定的$scope（或$rootScope）变量，这样Angular的脏检查机制才会触发视图更新。

修改后的save_params函数如下：

$scope.save_params = function (old_transformation, object) {
    console.log("Enter save_params");
    console.log("trfs", old_transformation)
    console.log(object)
    console.log('class', $rootScope.old_class)
    console.log('columns_name', $rootScope.show_column_name)
    
    const to_send = {
        'class': $rootScope.old_class,
        'column_name': $rootScope.show_column_name,
        "trfs": old_transformation,
        "params": object
    }
    
    $rootScope.spm.close();
    
    $http({
        url: "/send_parameters",
        method: "POST",
        headers: {'Content-Type': 'application/json'},
        data: JSON.stringify(to_send)
    }).success(function (data) {
        console.log(data);
        // 关键：把后端返回的更新数据同步到绑定变量
        // 这里假设data里的字段和你的绑定变量结构对应，根据实际情况调整
        $scope.kls_dict = data.updated_kls_dict;
        $scope.kls_transfs = data.updated_kls_transfs;
        
        // 如果你的表格内容（response）也需要更新，别忘了同步这个变量
        // $scope.response = data.updated_response;
        
        // 特殊情况：如果只是修改对象的某个属性而非替换整个对象
        // 比如只更新某一列的Class值，可以这样写，并用$timeout确保在Angular上下文执行
        // $timeout(function() {
        //     $scope.kls_dict[$rootScope.show_column_name] = [data.new_class_value];
        // });
    }).error(function () {
        console.error('Errore durante invio dei parametri');
        // 建议改用Angular数据绑定替代jQuery直接操作DOM
        $scope.showWarning = true;
        $scope.warningMessage = "Errore durante l'invio dei parametri, riprovare o controllare i parametri specificati";
        $timeout(() => {
            $scope.showWarning = false;
        }, 2500);
    });
};

2. 检查变量作用域是否正确

确保你的kls_dict和kls_transfs是定义在当前控制器的$scope上，或者如果用了$rootScope，要确保控制器已经注入了$rootScope依赖。

3. 替换jQuery DOM操作为Angular数据绑定

你原来用$("#warning-alert")直接操作DOM的方式，很容易脱离Angular的上下文，建议改成Angular的绑定方式：

<div id="warning-alert" ng-show="showWarning" class="alert alert-warning">
    {{warningMessage}}
</div>

4. 验证脏检查触发

如果更新的是对象的某个属性（而非替换整个对象），Angular可能无法自动检测到变化，这时候可以用$timeout（推荐，因为它会自动触发脏检查）或者手动调用$scope.$apply()来强制触发更新。

最后再确认几个细节 #

• 确保后端返回的data结构和你前端绑定的变量结构完全匹配，比如kls_dict是否是键为列名、值为数组的对象；
• 检查chooseClass和chooseTrf函数是否正确更新了$rootScope.old_class和$rootScope.show_column_name，确保这些值在save_params里能正确传递给后端；
• 如果你的表格tbody数据（response）也需要更新，别忘了在success回调里同步$scope.response。

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