我有一个表格,我使用ng-repeat从JSON数据生成。 当用户单击链接时,我想突出显示表格中具有背景颜色的相应列。 (当key.Key ===在代码中的anchor.output时)
<table>
<colgroup>
<col ng-repeat="key in preview.data[0] track by $index" ng-class="{ 'selected-class-name': key.Key === anchor.output }">
</colgroup>
<tr>
<td id="anchorOutput_{{key.Key}}" ng-repeat="key in preview.data[0] track by $index"> {{ key.Key }} </td>
</tr>
<tr ng-repeat="data in preview.data">
<td ng-repeat="key in data"> {{ key.Value }} </td>
</tr>
</table>
此代码运行良好,但我在大表上遇到了巨大的性能问题, IE UI分析器告诉我有很多调用removeChild()和appendChild()
UI profiler屏幕截图:http://imgur.com/f5WK02V
问题:
如何提高css样式更新的效果?
我做了两次相同的ng-repeat(对于<col>
和<td>
),我想用ng-repeat-start摆脱它但是没有成功实现它?