angular 中ngFor 命令非常常见,使用的时候往往忽略了trackBy!其实这个很重要!可以避免重复渲染,对大量数据显示时性能优化尤为重要!
常见的trackByIndex
trackByIndex(index,item){
return index;
}
复制代码
缺点,当数据index变更时,比如排序,会发生重绘!
trackById(index,item){
return item.id
}
复制代码
推荐!
angular 中ngFor 命令非常常见,使用的时候往往忽略了trackBy!其实这个很重要!可以避免重复渲染,对大量数据显示时性能优化尤为重要!
常见的trackByIndex
trackByIndex(index,item){
return index;
}
复制代码
缺点,当数据index变更时,比如排序,会发生重绘!
trackById(index,item){
return item.id
}
复制代码
推荐!