javascript - $route.reload();问题

Question

您好，我目前正在使用 $route.reload 来刷新我的 Controller 的内容，每次我更新我的数据库。问题是在更新大量数据时，每次我更新数据库并运行 $route.reload 时，我的浏览器都会失去向上或向下滚动浏览器的能力，但它可以在较小的数据列表中正常工作。

下面是我的代码示例

$scope.Undone = function(id){
    $scope.index =  $scope.GetID ;

    CRUD.put('/UndoJda/'+$scope.index).then(function(response){         
            toastr.info('Jda has been activated.', 'Information');
    $route.reload();
    });
}

Answer 1

您最好的选择是某种延迟加载/分页。因此，如果它是一个非常大的列表，比如成千上万，它甚至可能是 DOM 渲染问题。此外，如果不是这种情况，您应该尝试使用 AngularJS 的绑定(bind)一次(从 1.3 开始可用)，以及跟踪不会在模板中为范围内的每个对象创建观察者的方法。假设您正在使用 ngRepeat，让我们这样说:

...<ul>
    <li ng-repeat="item in Items">
      <b>{{item.name}}</b>
    </li>
   </ul>

将其更改为类似以下内容，以防数据不经常更新:

...<ul>
    <li ng-repeat="item in Items track by $index">
      <b>{{::item.name}}</b>
    </li>
   </ul>

作为旁注，尽量在您的模型名称中始终有一个点。 $scope.Something.list，例如。 (“如果你没有点，那你就做错了”- Misko Hevery 自己说过。)