无法显示数据表中的数据

Question

我正在尝试发布请求后显示数据。我无法对数据表中的数据进行控制台操作，但不会在数据表中显示它。

在将数据存储在数组中之后，我调用了datatable函数。但这给了我一个错误。它显示aDataSort是未定义的。我在ngOnInit（）上调用了datatable函数，这样就不会显示错误。

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




ngOnInit() {

  this.dataTable()
}

ngAfterViewInit(): void {
// this.dtTrigger.next();
}

ngOnDestroy(): void {
// Do not forget to unsubscribe the event
 this.dtTrigger.unsubscribe();
}

rerender(): void {
  this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
  // Destroy the table first
  dtInstance.destroy();
  // Call the dtTrigger to rerender again
  this.dtTrigger.next();
  });
 }

 dataTable() {
 console.log(this.scannedData);
 let self = this;
 this.dtOptions = {
  data: this.scannedData,

  columnDefs: [
    {
      'targets': 0,
      render: function () {
        let checkbox = `
           <input type="checkbox" class="checkbox">`;
        return checkbox;
      }
    }
  ],
  columns: [

    {
      title:"Select"
    },

    {
      title: "Name",
      data: "data.name"
    },
    {
      title: "Email",
      data: "data.email"
    },
    {
      title: "Phone",
      data: "data.phone"
    },
    {
      title: "Experience",
      data: "data.experience"
    },
    {
      title: "Score",
      data: "data.score"
    }
  ],
  rowCallback: (row: Node, data: any[] | Object, index: number) => {
    const self = this;
    $("td", row).unbind("change");
    $("td", row).bind("change", () => {
      self.onSelect(data);
    });

    $("td .checkbox", row).unbind("change");
    $("td .checkbox", row).bind("change", event => {
      this.toggle(data);
    });

    return row
  }
 }
}

scanJob() {
 let scanner = new FormData;
 scanner.set('id', this.jobProfileId);
 this.scanner.scanJob(scanner).subscribe(res => {
  this.scannedData = JSON.parse(res);
  this.dataTable();
  console.log(this.scannedData);
},
  error => {
    console.log("error");

  }
 )
}

我想在数据表中查看数据