Question

我有一张由ng-repeat制作的表格。那部分没有得到刷新的部分如下;

<tbody class="defTbody" ng-repeat="activity in activityList track by activity.ActivityID">
     <tr class="{{activity.DetailExpanded == true ? 'shown' : ''}}">
         <td>
             <a ng-if="!activity.DetailExpanded" ng-click="activity.DetailExpanded = true"><i class="fa fa-fw fa-plus-circle txt-color-green fa-lg"></i></a>
             <a ng-if="activity.DetailExpanded" ng-click="activity.DetailExpanded = false"><i class="fa fa-fw fa-minus-circle txt-color-red fa-lg"></i></a>

         </td>
         <td style="font-size:smaller">
             <a ng-click="getActivityStatements(activity.ActivityID)" style="cursor: pointer;">
                 {{activity.PlanDateTime}} / {{activity.ActivityType_DisplayName}}
                 <br />
                 <small class="text-muted"><i>{{activity.ActivityID}}<i></i></i></small>
             </a>
         </td>
         <td style="font-size:smaller">
             {{activity.ParentActivityDisplayName}}
             <br />
             <small class="text-muted"><i>{{activity.ParentActivityID}}<i></i></i></small>
         </td>
         <td>{{activity.Customer_DisplayName}}</td>

         <td>{{activity.ActivityStatus_DisplayName}}</td>
         <td>
             {{activity.StatusReason}}
             <br />
             {{activity.StatusReasonNote}}
         </td>
     </tr>
</tbody>

$scope.activityList很好，它会正确填充。这是我更改activiyList

中的项目的方法

$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 activity = $scope.activityList.filter(activity => activity.ActivityID == activityID)[0];
                var renewedAct = response.Detail[0];
                activity = renewedAct;
                $scope.$apply();

                console.log("yenilenmiş aktivite:" +$scope.activityList)

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

我在调试中确认该项目得到了更新＆＃34;很好，但在屏幕上它保持不变。

我认为这是一个问题，因为$ scope。$ apply（）可以解决但是添加它（如上面的代码片段所示）导致了这个问题

Error: error:inprog
Action Already In Progress

$digest already in progress

我还能做什么？

PS：这是用Angular JS 1.0编写的

Answer 1

检查一下，你正在过滤activityList并更新过滤后的数组（结果）第一个元素而不是activityList数组。

var renewedAct = response.Detail[0];
for (let index = 0; index < $scope.activityList.length; index++) {
    const activity = $scope.activityList[index];
    if (activity.ActivityID == activityID) {
        $scope.activityList[index] = renewedAct;
        break;
    }
}

Answer 2

即使不使用splice 再次使用一行

再次循环，您也可以这样做

这是代码，

  var activity = $scope.activityList.filter(activity => activity.ActivityID == activityID)[0];
  var index = $scope.activityList.indexOf(activity);
  var renewedAct = response.Detail[0];
  activity = renewedAct;

  $scope.activityList.splice(index, 1, activity)

注意：以上行会删除该位置的元素并添加新元素。

Answer 3

在致电$ apply之前，请检查天气消化周期是否正常。

if(!$scope.$$phase) {
  //$digest or $apply
}

--------- EDIT ------ 任何$ scope：$ evalAsync都添加了一种新的强大方法。基本上，如果一个正在发生，它将在当前摘要周期内执行其回调，否则新的摘要周期将开始执行回调。试试这个：在这些情况下以及您拥有！$ scope。$$阶段的所有其他情况下，请确保使用$scope.$evalAsync( callback )执行回调中的所有相关更改。

对象在数组内部更改但在页面上保持不变

3 个答案: