Как использовать DataTable с массивом объектов?

Question

Я пытаюсь использовать свойство «данные» для отображения моих данных в таблице, но таблица не работает. Я сделал тест с использованием локального массива строк и работает очень хорошо, я не знаю, почему с объектом таблица не работает

ngAfterViewInit() {

  this.listarNotificacao()

  $('#datatables').DataTable({
    "pagingType": "full_numbers",
    "lengthMenu": [
      [10, 25, 50, -1],
      [10, 25, 50, "All"]
    ],
    lengthChange: false,
    responsive: true,
    searching: true,
    data: this.notificacoes,
    columns: [{
        data: 'guidNotificacao'
      },
      {
        data: 'titulo'
      },
      {
        data: 'descricao'
      },
      {
        data: 'escopo'
      },
    ],
    language: {
      search: "_INPUT_",
      searchPlaceholder: "Pesquisar promoções",
      },
    }

  });

  const table = $('#datatables').DataTable();

  $('#inputSearch').on('keyup', function() {
    table.search(this.value).draw();
  });
}

<div class="material-datatables">
  <table id="datatables" class="table  table-no-bordered " cellspacing="0" width="100%" style="width:100%">
    <thead>
      <tr>
        <th>#</th>
        <th>Título</th>
        <th>Descrição</th>
        <th>Escopo</th>
      </tr>
    </thead>
  </table>
</div>

Answer 1

У вас есть опечатка в вашей инициализируемой датой. Есть дополнительная фигурная скобка после языка. Если вы посмотрите на консоль разработчика вашего браузера, она скажет вам следующее.