angularjs缓存编译html

我正在做一个项目，我们开始添加angularjs。我有一个页面，我正在从$http请求向页面注入一些html。当我取回数据时，我编译它并将其插入到文档中。这一切都有效。我遇到的问题是，必须将大量html插入到站点中。如果我将html保存在变量或缓存（cacheFactory）中，那么我可以重新编译它并再次添加它。这是可行的，但问题是当它编译它时，会使页面在一两秒钟内没有响应

我想知道的是，我是否可以缓存$compile html并重用它？到目前为止，我一直在尝试的东西不起作用

promise.then(function(data)) {
    cacheService.put("testData", $compile(data)($scope));
    addTestData();

}};

function addTestData() {
    $("#placeHolder").empty().html(cacheService.get("testData"));
}

---

答案将取决于作用域是否会改变，编译的html将受到改变的影响。如果外部作用域改变，我不担心这一点。只是想能够插入编译后的html再次与网站挂起这2秒钟。