angularjs缓存编译的html

Question

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

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

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

}};

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