AngularJS 1.0数组对象更新后页面不刷新问题求助

我来帮你搞定这个页面不同步的问题，咱们一步步拆解原因和解决方案：

核心问题分析 #

你遇到的两个关键点：

1. 视图不更新：你在回调里写的activity = renewedAct只是替换了局部变量的引用，根本没修改$scope.activityList数组里的原对象——Angular的脏检查机制检测不到这种“外部替换”的变化。
2. $apply报错：$http的回调函数本身就运行在Angular的消化周期（$digest）里，手动调用$scope.$apply()会触发“重复执行消化周期”的冲突错误，完全没必要加这个。

可行解决方案 #

方案1：覆盖原对象的属性（推荐） #

保持数组里的对象引用不变，用新数据覆盖原对象的属性，Angular能直接检测到属性变化：

$scope.UpdateActivityListItem = function (activityID, prevResponseDetail) {
    var url = "/api/activity/GetActivityResponse?activityID=" + activityID;

    $http({
        method: 'GET',
        url: url
    }).then(function successCallback(result) {
        var response = result.data;

        if (response.Status == "SUCCESS") {
            // 找到目标对象的索引
            var targetIndex = $scope.activityList.findIndex(act => act.ActivityID === activityID);
            if (targetIndex !== -1) {
                var renewedAct = response.Detail[0];
                // 用新数据覆盖原对象的所有属性，保持引用不变
                angular.extend($scope.activityList[targetIndex], renewedAct);
            }

            $('#modalActivityDetail').modal('hide');
            console.log(JSON.stringify($scope.activityList));
            $scope.addSpinnerClass(spinner);
        }
        else {
            console.log("fail");
        }
    },
    function errorCallback(result) {
        console.log("error");
    });
};

方案2：直接替换数组中的元素 #

如果新对象的结构和原对象差异极大，也可以直接替换数组里的对应元素：

// 找到目标对象的索引后，直接替换
if (targetIndex !== -1) {
    var renewedAct = response.Detail[0];
    $scope.activityList[targetIndex] = renewedAct;
}

额外优化建议 #

你的HTML里把ng-repeat放在<tbody>上虽然能运行，但更规范的写法是放在<tr>上（符合表格语义）：

<tbody class="defTbody">
    <tr class="{{activity.DetailExpanded == true ? 'shown' : ''}}" 
        ng-repeat="activity in activityList track by activity.ActivityID">
        <!-- 原有td内容保持不变 -->
    </tr>
</tbody>

为什么这样有效？ #

• Angular的脏检查会监听$scope上对象的属性变化，只要原对象的引用没丢，属性更新会被自动检测到，视图随之同步。
• track by activity.ActivityID已经帮你避免了ng-repeat的重复渲染问题，只要ActivityID不变，Angular会精准更新对应的DOM元素。

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