Currently, I am facing a performance issue while trying to display approximately 2000 values retrieved through an API call using DataList in AngularJS. The page becomes extremely slow due to the large number of items being rendered. Is there a way to optimize this by rendering only 10 items at a time and implementing a feature that displays matching search results to a limit of 10 as we type?
For reference, here is the CodePen link: 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>