javascript - 选择内部ng表，当重新加载ng表中的数据时，页面返回顶部

Question

我们正在使用 ng 表在页面上呈现一些数据。在表格内，ng-repeater 从对象数组中逐行渲染值。其中一列是一个选择框，其值取自在 Controller 内声明和填充的数组。

这是数组的声明:

$scope.CharacteristicsToChange = [];

这是方法中某处的数组的总体:

if ($scope.ItemProfile.ProductionDateRegistration != 'No')
    $scope.CharacteristicsToChange.push({ Name: 'Production date' });

if ($scope.ItemProfile.BestBeforeDateRegistration != 'No')
    $scope.CharacteristicsToChange.push({ Name: 'Best before date' });

选择框是:

<select class="form-control" id="ddlCharacteristics" ng-options="characteristic.Name as characteristic.Name for characteristic in CharacteristicsToChange" name="Characteristic" ng-model="inventory.SelectedCharacteristic" required>
    <option value="" class="select-placeholder"> Select characteristic type</option>
</select>

我们的问题是，当重新加载 ng 表的数据(每 10 秒)并且页面滚动到底部时，页面会返回到顶部。

我认为问题在于我们为 select ( $scope.CharacteristicsToChange ) 获取值的数组，因为当我删除该数组的填充部分时，重新加载问题不再发生。

Answer 1

页面上是否有任何 ng-if 或 ng-show 实例？如果没有看到更多代码，听起来您实际上可能在重新加载数据时删除/隐藏 DOM 上的元素，然后重新创建它(从而使其滚动回顶部)