限制数据列表值-AngularJS

Question

我试图在AngularJS中使用DataList渲染大约2000个值（通过API调用）。问题是这些值使页面变得如此缓慢。有没有一种方法，我可以在一次只呈现10个项目，因为它是一个数据管理器，可能会显示匹配的结果，当我们键入限制为10。

这是我的密码笔：https://codepen.io/anon/pen/KyEXMr

<main ng-app="myApp">
  <section ng-controller="dataListController">
    <form name="some">
      <label> Search
   <input type="text" list="dataList">
      </label>
      <datalist id="dataList">
        <option ng-repeat="v in names" value="{{v.eyeColor}}">Age {{v.age}}</option>
      </datalist>
    </form>
  </section>
</main>

Answer 1

您可以添加一个ng-if="$index