我正在将 Angular 与 Twitter Bootstrap 导航选项卡结合使用,并希望能够根据事件选项卡启用/执行操作。
This fiddle shows my basic structure:
我想要做的是在“详细信息”选项卡上,仅在激活该选项卡时加载或处理内容。
目前,加载“详细信息”选项卡的内容时会出现延迟/处理开销,因为它是处理器密集型的。它相当小,但当所有选项卡行都在工作副本中呈现时,会产生相当大的延迟。该示例仅显示 3 行,但普通页面大约有 10 行。 由于用户不太可能希望单击每一行上的“详细信息”选项卡,因此我希望在选择该选项卡时激活或加载内容。
关于如何实现这一点有什么想法吗?
最佳答案
您可以使用 ng-if 和 ng-include 标签的组合来延迟加载内容
<div ng-if="option=='details'" ng-include="/details">
</div>
关于angularjs - ui-bootstrap 中的 Angular 延迟加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27534635/