angular - Angular Datatables 以编程方式选择行

Question

我有带有 Angular Datatables 插件的 Angular 8 应用程序。

我想根据id来自 url 的参数以编程方式选择行http://localhost:5000/users;id=1。

this.route.paramMap.subscribe((params: ParamMap) => {
    this.selectedId = +params.get('id');
});

我也像官方示例一样使用服务器端处理

我怎样才能做到这一点？

标签： angularangular8angular-datatables

Answer 1

如果您的意思是要从 URL 中获取参数 ID，那么要过滤数据表您需要执行以下操作：

• 在您的模板内添加一个datatable引用以触发 after 与ViewChild

   <table datatable #datatable [dtOptions]="dtOptions" class="row-border hover">
  

• 组件内部

  @ViewChild('datatable') dt: DataTable;
  
  ngOnInit() {
    this.route.paramMap.subscribe(params => {
      this.selectedId = params.get("id")
  
      console.log(id);
    })
  
  datatableFilter(){
    this.persons = this.persons.filter( rec -> { rec.id === this.id  return rec} );
  }
  }