将HTML部分预加载到AngularJS UI-Router应用程序中

马特·辛茨克

我注意到,在我的角度应用程序完全刷新后,状态转换(我正在使用ui-router,但随后也可能类似于本机Angular路由)在首次访问时会稍有延迟,因为浏览器会执行GET请求来检索与该给定状态关联的HTML部分。后续的所有访问基本上都是瞬时的,但是我想知道是否有一种方法可以告诉Angular在首次进入页面时预加载所有需要的部分?

他们不这样做是因为如果并行获取最终会导致过多的部分使用过多的带宽?

穆罕默德·塞帕凡

您可以将这些部分代码放入script标签中,并将其放置在HTML主页面中,以便将它们全部加载到前面。您也可以将它们加载到应用程序的run块中,然后将它们放入$templateCache

$templateCache.put('template.html', '<h1>My template</h1>');

如果不是内联,则从服务器获取它:

$http.get('template.html', {cache:$templateCache});

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

AngularJS应用程序未使用ui-router运行

来自分类Dev

如何使用Typescript将ui-router stateProvider配置添加到我的应用程序中?

来自分类Dev

在单页应用程序中使用AngularJs UI Router和全局变量

来自分类Dev

在加载时将Shiny应用程序中的焦点设置为特定的UI元素

来自分类Dev

使用 Emdedded UI 插件将 Vaadin + Springboot 应用程序嵌入到 Vaadin UI 中

来自分类Dev

在没有PayPal UI的应用程序中设置PayPal预批准

来自分类Dev

将程序集加载到应用程序中

来自分类Dev

AngularJS ui路由器应用程序的URL中包含/#!/

来自分类Dev

在Ionic应用程序中未从$ state.go()调用ui-router onEnter()

来自分类Dev

在Ionic应用程序中未从$ state.go()调用ui-router onEnter()

来自分类Dev

测试中的编码 UI 应用程序

来自分类Dev

UI 应用程序未加载 PyQt5

来自分类Dev

如何使用 SystemJS 将 Angular 4 加载到 AngularJS 应用程序中?

来自分类Dev

将外部Javascript加载到Rails应用程序中

来自分类Dev

将首选应用程序加载到Windows的RAM中

来自分类Dev

从应用程序将资源加载到框架中

来自分类Dev

将Kendo UI网格加载到隐藏的div中?

来自分类Dev

jQuery UI将页面加载到div中而不刷新

来自分类Dev

将HTML模板从文件加载到AngularJs的变量中

来自分类Dev

如何防止在实际数据加载之前在“ AngularJs应用程序”的UI中出现“ {{}}”句柄?

来自分类Dev

如何导入预填充的核心数据并将其加载到应用程序中

来自分类Dev

将HTML UI Shiny应用程序嵌入程序包

来自分类Dev

从闪亮的应用程序中的UI中选择数据后,如何将值(选择)传递给selectizeInput()?

来自分类Dev

将许多Google App Engine应用程序整合到一个Application / UI体验中

来自分类Dev

TWebbroser冻结应用程序UI-从磁盘加载HTML文件

来自分类Dev

使用angular-ui-router在angular中创建嵌套的路由应用程序并在模块之间切换

来自分类Dev

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

来自分类Dev

如何将动态模板加载到$ uibModal.open()中(Angular UI引导程序)?

Related 相关文章

  1. 1

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

  2. 2

    AngularJS应用程序未使用ui-router运行

  3. 3

    如何使用Typescript将ui-router stateProvider配置添加到我的应用程序中?

  4. 4

    在单页应用程序中使用AngularJs UI Router和全局变量

  5. 5

    在加载时将Shiny应用程序中的焦点设置为特定的UI元素

  6. 6

    使用 Emdedded UI 插件将 Vaadin + Springboot 应用程序嵌入到 Vaadin UI 中

  7. 7

    在没有PayPal UI的应用程序中设置PayPal预批准

  8. 8

    将程序集加载到应用程序中

  9. 9

    AngularJS ui路由器应用程序的URL中包含/#!/

  10. 10

    在Ionic应用程序中未从$ state.go()调用ui-router onEnter()

  11. 11

    在Ionic应用程序中未从$ state.go()调用ui-router onEnter()

  12. 12

    测试中的编码 UI 应用程序

  13. 13

    UI 应用程序未加载 PyQt5

  14. 14

    如何使用 SystemJS 将 Angular 4 加载到 AngularJS 应用程序中?

  15. 15

    将外部Javascript加载到Rails应用程序中

  16. 16

    将首选应用程序加载到Windows的RAM中

  17. 17

    从应用程序将资源加载到框架中

  18. 18

    将Kendo UI网格加载到隐藏的div中?

  19. 19

    jQuery UI将页面加载到div中而不刷新

  20. 20

    将HTML模板从文件加载到AngularJs的变量中

  21. 21

    如何防止在实际数据加载之前在“ AngularJs应用程序”的UI中出现“ {{}}”句柄?

  22. 22

    如何导入预填充的核心数据并将其加载到应用程序中

  23. 23

    将HTML UI Shiny应用程序嵌入程序包

  24. 24

    从闪亮的应用程序中的UI中选择数据后,如何将值(选择)传递给selectizeInput()?

  25. 25

    将许多Google App Engine应用程序整合到一个Application / UI体验中

  26. 26

    TWebbroser冻结应用程序UI-从磁盘加载HTML文件

  27. 27

    使用angular-ui-router在angular中创建嵌套的路由应用程序并在模块之间切换

  28. 28

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

  29. 29

    如何将动态模板加载到$ uibModal.open()中(Angular UI引导程序)?

热门标签

归档