Angular数据表格中数据显示问题
创始人
2024-10-29 14:30:08
0次
- 确认数据是否正确绑定到数据表格中，在组件中的代码应类似以下示例：
HTML代码：
First Name
Last Name
Age
First Name
Last Name
Age
{{ person.firstName }}
{{ person.lastName }}
{{ person.age }}
TS代码：
import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app',
template: `
First Name
Last Name
Age
First Name
Last Name
Age
{{ person.firstName }}
{{ person.lastName }}
{{ person.age }}
` ,
providers: [ DataService ]
})
export class AppComponent implements OnInit {
dtOptions: DataTables.Settings = {};
people: any[];
constructor(private dataService: DataService) { }
ngOnInit(): void {
this.dtOptions = {
pagingType: 'full_numbers',
pageLength: 10
};
this.dataService.getPeople()
.subscribe(people => {
this.people = people;
console.log(this.people);
});
}
}
- 确认数据是否符合数据表格的要求。例如数据表格中使用了'Date'类型字段，但是数据中没有该类型的值，可以使用'pipe'过滤器对其格式进行转换。以下示例：
HTML代码：
Date
相关内容
热门资讯
1分钟规律！雀魂辅助器会封号吗...
WePoker透视辅助工具核心要点解析，1分钟规律！雀魂辅助器会封号吗，wepoke最新下载地址（...
四分钟透明！聚星扑克德州有假吗...
您好，聚星扑克德州有假吗这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
8分钟详情！德州ai人工智能，...
8分钟详情！德州ai人工智能，众合推扑克辅助工具（详细透视辅助助手教程）；德州ai人工智能黑科技是一...
两分钟技巧！永州扯胡子控制器，...
两分钟技巧！永州扯胡子控制器，德州ai人工智能软件免费（详细透视辅助神器教程）；原来确实真的有挂（需...
3分钟教程！安徽乐乐麻将有挂吗...
此外，数据分析德州(安徽乐乐麻将有挂吗)辅助神器app还具备辅助透视行为开挂功能，通过对客户安徽乐乐...
8分钟黑科技！榕城510k辅助...
8分钟黑科技！榕城510k辅助器，wpk透视辅助可测试（详细透视辅助app教程）；榕城510k辅助器...
六分钟详情！中至余干小程序辅助...
六分钟详情！中至余干小程序辅助器，微扑克系统发牌规律（详细透视辅助插件教程）是一款可以让一直输的玩家...
3分钟技巧！心悦踢坑棋牌有挂吗...
3分钟技巧！心悦踢坑棋牌有挂吗，扑克时间辅助软件（详细透视辅助app教程）；致您一封信；亲爱心悦踢坑...
7分钟透明！永州跑胡子辅助器，...
7分钟透明！永州跑胡子辅助器，德州ai机器人免费测试（详细透视辅助挂教程）；玩家必备必赢加哟《136...
8分钟辅助挂！aapoker俱...
WePoker透视辅助工具核心要点解析，8分钟辅助挂！aapoker俱乐部，wepower可以设置...