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
相关内容
热门资讯
透视美元局！wpk辅助器是真的...
透视美元局！wpk辅助器是真的吗，如何下载wpk透视版，2025教程（其实是有挂）1、很好的工具软件...
透视黑科技！哈糖大菠萝助手，确...
透视黑科技！哈糖大菠萝助手，确实是有挂（透视）必备教程（有挂辅助）亲，关键说明，哈糖大菠萝助手赛季回...
透视代打！wpk刷入池率脚本，...
透视代打！wpk刷入池率脚本，wpk模拟器多开，2025新版总结（真是有挂）1、超多福利：超高返利，...
透视系统！pokemmo修改器...
透视系统！pokemmo修改器手机版，都是真的有挂（透视）玩家教程（有挂技巧）；所有人都在同一条线上...
透视好友！wpk软件是真的吗，...
透视好友！wpk软件是真的吗，wpk系统是否存在作弊行为，新版2025教程（本来真的是有挂）一、wp...
透视美元局！拱趴大菠萝怎么开挂...
透视美元局！拱趴大菠萝怎么开挂，起初是真的有挂（透视）力荐教程（有挂攻略）1、游戏颠覆性的策略玩法，...
透视模拟器！wpk俱乐部辅助器...
透视模拟器！wpk俱乐部辅助器，wpk私人局有透视吗，微扑克教程（总是真的有挂）1、wpk私人局有透...
透视挂！wejoker透视方法...
透视挂！wejoker透视方法，本来是真的有挂（透视）新2025教程（有挂详情）所有人都在同一条线上...
透视透视挂！wpk作弊，wpk...
透视透视挂！wpk作弊，wpk免费辅助，曝光教程（一贯是有挂）；1、每一步都需要思考，不同水平的挑战...
透视存在！悦扑克脚本，原先真的...
透视存在！悦扑克脚本，原先真的有挂（透视）新2025教程（有挂细节）1）悦扑克脚本辅助挂：进一步探索...