Angular 数据表分页无效或搜索无效

Question

对于从网络 api 绑定的 table，我尝试使用基于 this[=14= 的 angular 数据table ]

这是我的组件

import { Component, OnInit } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
import { PortfolioEpicService } from 'src/app/shared/portfolio-epic.service';
import { PortfolioEpicModel } from 'src/app/shared/portfolio-epic/portfolio-epic.model';


@Component({
  selector: 'app-portfolio',
  templateUrl: './portfolio.component.html',
  styleUrls: ['./portfolio.component.css']
})
export class PortfolioComponent implements OnInit {
  pEpics:any;
  dtOptions: DataTables.Settings = {};
  constructor(private toastr:ToastrService,public service:PortfolioEpicService) { }

  ngOnInit(): void {
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 5,
      processing: true
    };
    this.refreshAllPortfolioEpics();
  }

}

因此，正如预期的那样，数据table 已创建（刚刚绑定）。但是没有适当的绑定。我的意思是没有分页，没有搜索或 none 的数据 table 功能正在工作。我做错了什么??

Answer 1

您链接的示例使用 Subject<any> 作为触发器通知 table 重新渲染。

也这样做，它应该会按预期工作。

Angular 数据表分页无效或搜索无效

Angular datatable pagination not working or the search

datatables

angular-datatables

angular