ui-bootstrap中的角度延迟加载

时间:2014-12-17 20:50:21

标签: angularjs angular-ui-bootstrap

我正在使用Angular和Twitter Bootstrap Nav选项卡,并希望能够根据活动选项卡启用/执行操作。

This fiddle shows my basic structure: 

fiddle

我想要做的是在详情选项卡上,只有在激活标签页时才加载或处理内容。

当加载详细信息选项卡的内容时,存在延迟/处理开销,因为它非常耗费处理器。它相当小,但在工作副本中呈现所有选项卡行时会相当延迟。该示例仅显示3行,但普通页面大约10行。 由于用户不太可能想要在每一行上单击“详细信息”选项卡,因此无论何时选中该选项卡,我都希望激活或加载内容。

关于如何实现这一点的任何想法?

1 个答案:

答案 0 :(得分:3)

您可以将ng-if和ng-include标记组合用于延迟加载内容

<div ng-if="option=='details'" ng-include="/details">
</div>