Я пытаюсь построить данные, получая данные из определенного API.Но я получаю вышеуказанную ошибку. Я могу получить данные, когда я зацикливаюсь, используя * ngFor в таблице.Но вместо использования * ng, я хочу, чтобы он был в этом формате.В чем здесь проблема и как устранить эту ошибку?
dashboard.ts
export class DashboardComponent implements OnInit {
dtOptions: DataTables.Settings = {};
dtTrigger: any = new Subject();
sampleData: any;
constructor(private dashboard: DashboardService) {}
ngOnInit() {
this.getJsonData();
}
dataTable() {
console.log(this.sampleData);
let self = this;
this.dtOptions = {
pagingType: "full_numbers",
pageLength: 4,
data: this.sampleData,
columns: [
{
title: "ID",
data: "id"
},
{
title: "Name",
data: "name"
},
{
title: "UserName",
data: "username"
},
{
title: "Email",
data: "email"
},
{
title: "Website",
data: "website"
}
]
};
}
getJsonData() {
this.dashboard.fetchSampleJson().subscribe(res => {
console.log(res);
this.sampleData = res;
this.dtTrigger.next();
this.dataTable();
});
}
ngOnDestroy(): void {
this.dtTrigger.unsubscribe();
}
}
dashboard.html
<table
datatable
[dtOptions]="dtOptions"
[dtTrigger]="dtTrigger"
class="row-border hover table"
>
<table>