ui-bootstrap中的角延迟加载

DeclanMcD

我将Angular与Twitter Bootstrap Nav选项卡一起使用,并希望能够基于活动选项卡启用/操作事物。

This fiddle shows my basic structure: 

小提琴

我想做的是在“详细信息”选项卡上,如果该选项卡被激活,则仅加载或处理内容。

目前,加载“详细信息”选项卡的内容时会产生延迟/处理开销,因为这会占用大量处理器资源。它很小,但是当所有行的选项卡都呈现在工作副本中时,这会造成相当大的延迟。该示例仅显示3行,但是普通页面大约有10行。由于用户不太可能希望单击每行的“详细信息”选项卡,因此我希望在选择选项卡时激活或加载内容。

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

帮助

您可以结合使用ng-if和ng-include标记来延迟加载内容

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有缓存的Kendo UI Treeview中的延迟加载

来自分类Dev

延迟加载到 ui-router 中的多个视图

来自分类Dev

如何声明延迟加载(ocLazyLoad)功能(例如ngAnimate,ui-bootstrap等)的依赖关系?

来自分类Dev

jQuery UI工具提示加载并延迟显示

来自分类Dev

jQuery UI工具提示加载并延迟显示

来自分类Dev

UI-Grid中的角UI选择?

来自分类Dev

角bootstrap-ui,字形不显示

来自分类Dev

我如何从json对象加载图像并将其显示在有角的ui网格中

来自分类Dev

在Blazor中延迟任务而不阻塞UI

来自分类Dev

在RabbitMQ管理UI中查看延迟的消息

来自分类Dev

角延迟加载

来自分类Dev

AngularJS UI路由器命名视图延迟加载

来自分类Dev

ui路由器使用url的延迟加载状态

来自分类Dev

加载时让我的UI运行KO 5秒延迟

来自分类Dev

AngularJS UI路由器命名视图延迟加载

来自分类Dev

加载时的Bootstrap-Angular-UI模态

来自分类Dev

加载Bootstrap UI角度模型时出错

来自分类Dev

延迟UI线程

来自分类Dev

如何使用angular-ui-router在一个请求中延迟加载控制器和模板

来自分类Dev

Bootstrap像YUI中的UI

来自分类Dev

角UI路由器状态未加载

来自分类Dev

角UI路由器不加载任何东西

来自分类Dev

角UI路由器状态未加载

来自分类Dev

角流星ui路由器未加载

来自分类Dev

Angular UI-Router-在状态更改时刷新延迟加载的嵌套ui-view

来自分类Dev

angular-ui-router和angular-ui-bootstrap选项卡:内容多次加载到DOM中

来自分类Dev

角装饰器/扩展UI Bootstrap Datepicker指令

来自分类Dev

角ui-bootstrap模态未知提供程序

来自分类Dev

AngularJS + UI Bootstrap Typeahead:将值从对象预加载到输入字段中

Related 相关文章

热门标签

归档