角度1.x中的延迟加载指令组件

时间:2016-02-13 02:19:01

标签: javascript angularjs angularjs-directive

我们的角度应用程序中的模态是每个“组件指令”,我们将其添加到主html中:

<div component-one ng-show="componentOne" modal></div>

其中modal是用于显示/隐藏各种模态的指令(附带服务)。一切正常,除了相关的html模板,js控制器代码和图像都是在页面加载时为每个模态加载的,这会在关键时刻给浏览器/网络带来不必要的负担。

Q1:如何在需要之前阻止获取和呈现模板?即使指令'启动'代码不获取html文件(而不是将其放在DOM中),直到它被指示(我可以通过我的modals服务执行)(我查看了ng-if over ng-show ,它似乎不会实现那个)

Q2:作为1的替代方案,如何延迟模板获取和渲染n秒,至少将其从页面加载瓶颈中取出?

作为参考,我们在大多数状态和导航管理中使用ui-router,但是模式是在ui-router之外实现的,因为它们需要存在于ui-router之上(在...之上)路由器托管模板。我们使用的是角1.4.7

0 个答案:

没有答案