无法使用角度和本地 json 文件创建数据表答案

【问题标题】：can't create datatable with angular and local json file无法使用角度和本地 json 文件创建数据表
【发布时间】：2023-03-22 20:11:02
【问题描述】：

我开始学习 Angular。我正在尝试使用其他语言的其他项目中使用的数据表库。通过阅读此处的文档：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>

控制台：

还有很多其他的事情，但我无法得到结果，这是我第一次花这么多时间用这个库解决一些问题:(

【问题讨论】：

您使用的是 Angular-CLI 6.0.1 版吗？
6.0.3 之前的版本不好意思没写

标签： jquery json angular datatables

【解决方案1】：

在这种情况下，使用 angular-cli 时，将无法在运行时找到该文件位置（使用 ng serve 命令）。

你必须把你的json文件放在assets文件夹中，你的路径应该是这样的：

assets/data/data.json

请查看下面的截图：

【讨论】：

关注这个问题有一段时间了，谢谢！