Jquery can';t使用角度和本地json文件创建数据表
我开始学习角度。我正试图用其他语言在其他项目中使用datatables库。通过阅读此处的文档:。但是我还没有访问静态json文件中的信息Jquery can';t使用角度和本地json文件创建数据表,jquery,json,angular,datatables,Jquery,Json,Angular,Datatables,我开始学习角度。我正试图用其他语言在其他项目中使用datatables库。通过阅读此处的文档:。但是我还没有访问静态json文件中的信息 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class
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
控制台:
还有很多其他事情,但我无法得到结果,这是我第一次花这么多时间解决这个库的问题:(在这种情况下,当使用angular cli时,在运行时找不到该文件位置(使用
ng serve
命令)
您必须将json文件放在assets文件夹中,路径如下:
assets/data/data.json
请查看下面的屏幕截图:
您使用的是Angular CLI版本6.0.1吗?6.0.3抱歉,在查看此问题之前,请不要编写此版本,谢谢!
assets/data/data.json