【发布时间】：2018-01-03 13:34:16
【问题描述】：
我正在使用引导 (uib) 选项卡、角度 1、角度用户界面网格。每个选项卡都包含一个网格，并且每个选项卡还可以有子选项卡。 我在应用程序中面临严重的性能问题。
数据性质 - 无法分页的树状结构。大小可以以 MB 为单位。 我尝试了两种方法：
方法一： 我使用 ng-show 在每个选项卡中渲染网格，从而在选项卡切换时将 DOM 保留在浏览器中。 当打开多个标签时，它确实会降低应用程序的速度。
方法二： 如果我使用 ng-if 在每个选项卡中呈现网格，这会在选项卡切换时删除 DOM，则在选项卡切换时会花费很多时间。 因为它必须再次重新渲染整个网格。之后，我需要在该网格上再次应用状态更改以恢复 以前的状态。
【问题讨论】：
-
您能否按需加载网格而不是一次全部加载？比如：
<uib-tab index="$index" select="load_grid($index)">{{tab.content}}</uib-tab> -
是的，我在第二种方法中这样做。在这种情况下，渲染需要很长时间。
标签： javascript angularjs twitter-bootstrap angular-ui-grid