Angular 7 и jQuery datatable событие запуска

Question

Я новичок в angular 7 и хочу реализовать datatable в angular 7. Я отобразил данные из API и вызвал событие из ячейки таблицы. Теперь я хочу получить данные из клетки. но я получаю данные равны нулю.

Это компонент для отображения данных из остальных API.

ngOnInit() {
    this.dataService.getMeterReading().subscribe(tourData => {
        this.dtOptions = {
          bLengthChange : false,
          bInfo: false,
          data: tourData,
          columns: [
              {
                title: 'Unit',
                data: 'UnitID'
              },
              {
                title: 'Latitude',
                data: 'DeviceID'
              },
              {
                title: 'Logitude',
                data: 'DeviceID'
              },
              {
                title: 'Remarks',
                data: 'DeviceID'
              },
              {
                title: 'Image',
                data: 'Image',
                render: (data) => {
                  return data ? `<i class="fa fa-picture-o ImageMeterReading" data-blob="${data.data}" aria-hidden="true"></i>` : '';
                }
              }
          ]
        };

        $(document).on('click', 'i.ImageMeterReading', ($event) => {
          let blob = $($event).data('blob');
        });

        this.dataTable = $(this.table.nativeElement);
        this.dataTable.DataTable(this.dtOptions);
        this.loading = false;
    }
}

Я ожидаю получить данные BLOB из ячейки таблицы. но фактический результат теперь равен нулю.