Angular js ng-repeat挂起浏览器超过10000条记录

Question

我在显示选择框时在选项标签中使用ng-repeat。当我的记录达到 10000 时，我的浏览器挂起...我使用 ：： 来禁用双射。我想使用 limitTo，但在用户向下滚动时无法动态更改它。有人可以告诉我处理此问题的方法吗？

如果需要，我也可以使用自动完成框.....任何人都可以建议如何使用带有角度js的自动完成框

我终于用HTML5数据列表绑定了它的角度js ng-repeat......它现在正在工作...

Answer 1

您可以使用limitTo过滤器，这将限制需要在视图上显示的数据集，

<div ng-repeat="datobj in data | limitTo:1000">{{datobj}}</div>

Answer 2

试试这个：

  <input type="text" ng-model="search">
  <ul ng-show="search.length>3">
      <li ng-click="selectObject(obj)" ng-repeat="obj in objList| filter:search">
   </ul>

当用户键入超过 3 个字符时，这将显示下拉列表。

Answer 3

试试这个：

<select class="form-control" data-placeholder="Select" data-ng-model="modelValue" data-ng-change="ChangeModel(modelValue)" ng-options="la.Value as la.Key for la in object"> </select>
   $scope.ChangeModel = function (value) {
        setTimeout(function () {
            $scope.modelValue = $scope.modelValue.replace(/string:/g, "");
            if (!$scope.$root.$$phase) {
                $scope.$apply();
            }
        })
    }