調用角度數據表 ajax 調用其他 api 響應

Question

我正在使用角度數據表（ http://l-lin.github.io/angular-datatables/#/basic/server-side-angular-way ）。

而不是在ngOnInit中分配給this.dtOptions，我想在另一個api的響應中執行它，但是ajax調用沒有通過。

我的代碼：-

ngOnInit(){
this.firstCall();
}

firstCall(){
  this.api.serviceMethod().subscribe((data : model1) => {
   this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: data.pageLength,
      serverSide: true,
      processing: true,
      ajax: (dataTablesParameters: any, callback) => {
        that.http
          .post<DataTablesResponse>(
            'api.com/api',
            dataTablesParameters, data.req_body, {}
          ).subscribe(resp => {
            that.persons = resp.data;

            callback({
              recordsTotal: resp.recordsTotal,
              recordsFiltered: resp.recordsFiltered,
              data: []
            });
          });
      },
      columns: [{ data: 'id' }, { data: 'firstName' }, { data: 'lastName' }]
    };
})
}

當我將 dtOptions 賦值放在 ngOnInit 中時，它會被調用，我在這里缺少什么。

先感謝您。

Answer 1

您必須在超級標簽中設置檢查（例如：在 tr 標簽中循環時的 tbody 或 table）。
組件.html

<table *ngIf="!loading" ...>
  ...

...

組件.ts

 loading = true;....subscribe(resp => { that.persons = resp.data; loading = false;