angularjs - MVC の下の AngularJS $templateCache

Question

これに関するドキュメントや記事は見つかりませんでした。
私が働いている会社には、MVCプロジェクトがあります。
そして、その上に Angular SPA を構築します。
また、オフラインで動作するようにしたいと考えています。
だから、キャッシュが必要です。AngularJS に $templateCache モジュールが見つかりました。
そしてそれを実行しようとしています。プロジェクトは MVC であるため、ng-view にロードするすべてのテンプレートは実際には MVC 部分ビューであり、{Controller}/{Action} を呼び出すことでロードできます。
しかし、この場合に $templateCache を実装するインターネット上の例はありません。
すべての例は、mytemplate.html や単なる文字列などの静的テンプレートの使用方法を示しています。これは MVC では機能しません。
だから、私はそれを達成する方法を理解しようとしていた.app.tsのためにこれを書いた：

namespace AppDomain {
"use strict";

export let app = angular.module("app", ["ngRoute"]);

app.config(function ($routeProvider) {
    $routeProvider
        .when("/", { templateUrl: "Home/Template?name=Main", controller: "Controller", controllerAs: "vm" })
        .when("/About", { templateUrl: "Home/Template?name=About", controller: "Controller", controllerAs: "vm" })
        .when("/Contact", { templateUrl: "Home/Template?name=Contact", controller: "Controller", controllerAs: "vm" })
        .otherwise({ redirectTo: "/" });
});

app.run(function ($templateCache) {
    $templateCache.put("Home/Template?name=Main", "Home/Template?name=Main");
    $templateCache.put("Home/Template?name=About", "Home/Template?name=About");
    $templateCache.put("Home/Template?name=Contact", "Home/Template?name=Contact");
});

}

明らかにこれはうまくいきません。助言がありますか？ありがとう。