Angularjs 中的 HTML 加载

Question

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

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

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

Answer 1

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

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