Angular Datatables: rowCallback & Serverside Angular не работает вместе

Question

Здравствуйте. Я пытался заставить событие щелчка строки работать с ajax-вызовом на стороне обслуживания.Проблема в том, что я не могу заставить функцию rowCallback работать вообще.Кто-нибудь знает, в чем может быть проблема?

Я пытаюсь объединить два следующих примера вместе.Что я думаю, должно быть простой задачей.Я искал решения в Интернете, и я не сталкивался ни с кем, кто сталкивался с той же проблемой, что и я.В настоящее время я новичок в Angular, поэтому пытаюсь научиться создавать веб-приложение на Angular.

Пример: http://l -lin.github.io / angular-datatables / # / basic / server-side-angular-way http://l -lin.github.io / angular-datatables / # / расширенный / событие щелчка строки

  someClickHandler(info) {
    this.message = info.product;
  }

  ngOnInit() {
    //other code
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 10,
      responsive: true,
      serverSide: true,
      processing: true,
      ajax: (dataTablesParameters: any, callback, settings) => {
        this.http
          .post<DataTablesResponse>(
            'placeholder',
            dataTablesParameters, httpOptions
          ).subscribe(resp => {
            this.filteredData = resp.data;
            callback({
              recordsTotal: resp.recordsTotal,
              recordsFiltered: resp.recordsFiltered,
              data: [],
            });
          });
      },
      columns: [{ data: 'product' }, { data: 'name' }, { data: 'vendor' }],
      rowCallback: (row: Node, data: any[] | Object, index: number) => {
        const self = this;
        // Unbind first in order to avoid any duplicate handler
        // (see https://github.com/l-lin/angular-datatables/issues/87)
        $('td', row).unbind('click');
        $('td', row).bind('click', () => {
          self.someClickHandler(data);
        });
        return row;
      }
    };
  }