时间戳

首页 > 解决方案 > Angularjs 中的 HTML 加载

javascript - Angularjs 中的 HTML 加载

问题描述

我想问一下我在我的 angularjs 应用程序中是否做错了什么。我的 HTML 代码是动态请求的，但如果我理解正确，单页应用程序应该只完全加载一次，并且不应多次请求每个视图。例如，每次我使用给定的 templateUrl 访问页面 /example 时，都会加载以下 html 模板。它工作正常，但我担心提供的模板应该只加载一次，因为它是一个单页应用程序。

.when('/example1', {
        templateUrl: 'example1.html',
        controller: 'example1Ctrl',
        controllerAs: 'vm'
    })
.when('/example2', {
            templateUrl: 'example2.html',
            controller: 'example2Ctrl',
            controllerAs: 'vm'
        })

当我在 /example1 上时加载 example1.html，当我切换到 /example2 时加载 example2.html 等等。

标签： javascriptangularjsangularjs-routing

解决方案

你没有什么可担心的。路由中请求的每个 html 文件都是基于每个路由加载的，然后在您移动到新路由后丢弃。老实说，这没什么好担心的。

话虽如此，如果您仍然希望缓存 html 文件，则可以使用它$templateCache来实现。查看Angular JS $templatecache 文档了解更多信息。

推荐阅读