Javascript 在单元格模板中使用ng repeat的角度ui网格渲染按钮

在网格项目中，有一列为每个项目提供“打印报告”功能。每个项都有其类型，报表类型与网格项数据一起从后端动态获取。我制作了网格单元模板，为每个网格项的每个报告类型呈现一个按钮： 这是“columndefs”数组成员：

{
                name: 'documents',
                displayName: 'Dokumenti',
                enableHiding: false,
                enableSorting: false,
                enableColumnMenu: false,
                cellTemplate: '<button ng-repeat="i in row.entity.reports" ' + 
                    'ng-click="row.entity.printItemReport(i.reportType)" class="btn btn-sm btn-default " type="button" >' +
                    '<i class="glyphicon glyphicon-duplicate"></i></button>'
}

{
名称：“文件”，
displayName:“Dokumenti”，
启用隐藏：false，
启用排序：false，
enableColumnMenu:false，
单元格模板：“”+
''
}

问题是，当我在网格上执行快速滚动时，按钮会在很短的时间内成倍增加，然后按钮的数量又正常了

---

我认为这些按钮是真实的，可以点击，因此我认为使用模板重新呈现单元格时会出现问题…

这可能是由于网格上的虚拟化。我会尝试将gridOptions.virtualizationThreshold=#>设置为大于网格项，并将gridOptions.columnVirtualizationThreshold=#>设置为大于总列，以开始故障排除。基本上，当您滚动时，网格正在动态渲染。此功能允许加载大型数据集，而不必为每个数据集都加载DOM元素。但缺点可能是这样的，因为每次滚动时都会调用ng repeat。在ng repeat和虚拟化之间，每个卷轴上都有一堆调用。这可能是由于网格上的虚拟化。我会尝试将gridOptions.virtualizationThreshold=#>设置为大于网格项，并将gridOptions.columnVirtualizationThreshold=#>设置为大于总列，以开始故障排除。基本上，当您滚动时，网格正在动态渲染。此功能允许加载大型数据集，而不必为每个数据集都加载DOM元素。但缺点可能是这样的，因为每次滚动时都会调用ng repeat。在ng repeat和虚拟化之间，每个滚动上都有一堆调用。