не может создать данные с угловым и локальным файлом JSON

Question

Я начинаю изучать угловой. Я пытаюсь использовать библиотеку данных, которую я использую в других проектах, на других языках. Читая документацию здесь: https://l -lin.github.io / angular-datatables / # / basic / with-ajax . Но мне не удалось получить доступ к информации в статическом файле JSON.

import { Component,  OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  dtOptions: DataTables.Settings = {};

  ngOnInit(): void {
    this.dtOptions = {
      ajax: 'data/data.json',
      columns: [{
        title: 'ID',
        data: 'id'
      }, {
        title: 'First name',
        data: 'firstName'
      }, {
        title: 'Last name',
        data: 'lastName'
      }]
    };
  }
}

проблема в вызове ajax (я думаю), но я попытался:

'./data/data.json'
'..data/data.json'
'data/data.json'

HTML

<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>

Консоль

И многие другие вещи, но я не могу получить результат, я впервые трачу столько времени на решение чего-либо с помощью этой библиотеки: (

Answer 1

В этой ситуации при использовании angular-cli это местоположение файла не будет найдено во время выполнения (с помощью команды ng serve).

Вы должны поместить свой JSON-файл в папку ресурсов, и ваш путь должен быть таким:

assets/data/data.json

Пожалуйста, проверьте скриншот ниже: