Angular -创建一个大的动态表格
Angular -创建一个大的动态表格
提问于 2018-07-31 21:16:15
我需要在Angular中创建一个大的动态表格。来自web服务器的数据通过websocket并保存在地图中。
export class MyComponent implements OnInit {
ngOnInit()
{
this.socket=io("localhost");
this.socket.on('data' , (t)=>{
// parse data
let data = JSON.parse(t);
//check if data is already exist in Map
let item = this.datas.get(data.Id.toString());
if(item){
// if exist update it
}
else{
// if not exist add it to map
}
});
}
}我创建了一个表来显示数据，如下所示：
<div >
<tr *ngFor="let data of datas ; let i = index">
<td>{{ data.info1 }}</td>
<td>{{ data.info2 }}</td>
<td>{{ data.info3 }}</td>
<td>{{ data.info4 }}</td>
</tr>
</div> 有可能每秒从per服务器接收数百个json数据单元，并且其中的Map的大小增长到数千个项目；
我有两个问题：
1-使用这段代码，表格太大了，页面有可怕的滞后。显示包含数千行和频繁更改数据的大表的最佳解决方案是什么？如果可能的话，我还在寻找一种解决方案，以便部分地和动态地装入表。
2-我写的代码出错，而且不能工作。
"ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改。
如何修复它？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51614315
复制相关文章
相似问题
腾讯云开发者
