如何在 Web API 项目中缓存 AngularJS HTML 部分视图？

Question

我正在使用 WebAPI 和 AngularJS 开发现有应用程序。 我的任务是让浏览器尽可能多地缓存 static 资产，以提高应用程序的性能。

我已经能够通过常用方法缓存 Javascript 和 CSS 。

我还想缓存我的部分视图。

我有一些看起来像这样的控制器：

function myController() {

}

angular
    .module("app")
    .component("myComponent", {
        controller: myController,
        templateUrl: "view.html"
    });

基本上，我希望浏览器缓存view.html 。 无论出于何种原因，根据我的客户策略必须是 IE11 的浏览器总是在每次加载应用程序时重新加载 view.html。 该应用程序在服务器上运行 WebAPI，但 view.html 是 static 文件。 我在 Visual Studio 2K17 中使用调试 web 浏览器时观察到此行为。

每当我用谷歌搜索这方面的信息时，我总是发现有人报告相反的问题：他们无法让浏览器停止缓存视图。 我还没有发现任何人报告与我相同的问题。

如何使浏览器加载 view.html 文件后，对同一文件的后续请求将使用缓存副本？