Как сократить время отображения списка (объект json, выбранный из базы данных) в таблице, используя структурную директиву * ngFor? - PullRequest
Новая
       24

Как сократить время отображения списка (объект json, выбранный из базы данных) в таблице, используя структурную директиву * ngFor?

0 голосов
/ 15 января 2019

Я получаю объект json, используя веб-API, и отображаю его в таблице, используя * ngFor Structural Directive. Однако проблема в том, что, хотя объект извлекается мгновенно и отображается в консоли, требуется время, чтобы отобразить его в таблице. Я хочу, чтобы объект отображался в таблице мгновенно, как только он попадет в консоль.

файл component.html; 

 <tr *ngFor="let data of orgData" id="{{data.Id}}">
          <td hidden><input type="number" id="1" value="{{ data.Id }}"></td>
          <td>{{ data.OrganisationName }}</td>
          <td>{{ data.ContactPerson }}</td>
          <td>{{ data.ContactPersonHPNo }}</td>
          <td>{{ data.ContactPersonEmailId }}</td>
          <td>{{ data.SubscriptionStatus }}</td></tr>

файл component.ts; 

  ngOnInit() { 
// making use of web API
this.httpService.get('http://url/StudyExAPI/GetOrganisations?Id=').subscribe(
  data => {
    this.orgData = data as string[];
    // console.log(this.orgData);
  },
  (err: HttpErrorResponse) => {
    console.log(err.message);
  }
);}

1 Ответ

0 голосов
/ 15 января 2019

Если в вашем массиве много объектов, вы можете использовать виртуальный видовой экран прокрутки, предоставляемый пакетом @angular/cdk, который отображает только видимые элементы.

...