表格列背景颜色上的AngularJS css性能

时间:2015-05-12 08:38:25

标签: javascript html css angularjs

我有一个表格,我使用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摆脱它但是没有成功实现它?

0 个答案:

没有答案