Whenever I try to bind the response of my service to a component variable, which contains more than 7000 records, my screen freezes and becomes unresponsive. This issue seems to occur only on Internet Explorer. Additionally, there are 3 dropdowns in the UI causing similar problems. I attempted using a resolver, but unfortunately, it did not resolve the issue as the screen still becomes unresponsive after the service call is completed.
Component.ts
this._myservice.getData(this.param1).subscribe(response => {this.Capabilities = response.json()});
Component.html
<ul class="dropdown-menu">
<li *ngFor="let capability of Capabilities; trackBy: capability?.Name" id="{{capability.Id}}">
<a href="javascript:void(0);" id="{{capability.Id}}">{{capability.Name}}</a>
</li>
</ul>