Обновить таблицу после записи

Question

Я разработал таблицу для моего notefrais , но проблема в том, что когда я добавляю notefrais , таблица не обновляется автоматически. Нужно ли обновлять страницу для отображения нового notefrais ? Как я могу изменить свой код для автоматического обновления этой таблицы? (Работаю с угловым)

Ошибка:

Ошибка: ошибка (в обещании): ошибка типа: невозможно прочитать свойство 'draw' из неопределенного TypeError: Невозможно прочитать свойство 'draw' из не определен

async ngOnInit() {
    let id = localStorage.getItem('userId');
     ...
     ...
    this.notes = await this._dashbordService.getNotes(id);
     ...
    setTimeout(function () {
      this.table = $('#example-table').DataTable({
        pageLength: 2,
        "bLengthChange": false,
      });
    }, 1000);
}

 async processAdd() {
    let nf = new NoteDeFrais();
    let frm = this.addfrm.value;
    nf.UserId = this.userId;
    ...
    ...
    this._dashbordService.addNoteFrais(nf);
    this.refreshTable(); // for refresh table after add notefrais but don't work !
}

async refreshTable() {
    let id = localStorage.getItem('userId');
    this.notes = await this._dashbordService.getNotes(id);
    this.table.draw(); // the same problem for this.table.reload()
 }