Angular DataTables - вызов ajax из локального хранилища

Question

Я ищу способ сделать ajax-вызов в локальное хранилище, в котором уже хранится объект json, чтобы его можно было загрузить в таблицу.

loadDataTable() {
  this.jsonService.getJson().subscribe(response => {
    this.dataToRead = response.data;
  });

  this.dtOptions = {
    ajax: this.dataToRead,
    columns: [{
     title: 'ID',
     data: 'id'
    },
    {
     title: 'Name',
     data: 'name'
    },
    {
     title: 'Age',
     data: 'age',
    },
    {
     title: 'Address',
     data: 'address'
    }],
    rowCallback: (row: Node, data: any[] | Object, index: number) => {
      const self = this;
      $('td', row).unbind('click');
      $('td', row).bind('click', () => {
      self.viewFarmDetails(data);
      });
      return row;
   }
};

Answer 1

Если данные находятся в локальном хранилище, вы можете прочитать их.

Импорт любой вспомогательной библиотеки в вашем компоненте (например, ngx-webstorage)

import { LocalStorageService } from 'ngx-webstorage';

Добавьте ее в свой конструктор

constructor(private $localStorage: LocalStorageService) {
}

Затем читайте из localStorage всякий раз, когдавам нужно

this.$localStorage.retrieve('my-data-in-storage')

заменить «мои данные в хранилище» вашим ключом в хранилище для этих данных!

Надеюсь, это поможет!