Angularjs缓存已编译的DOM元素与范围答案

【问题标题】：Angularjs cache compiled DOM element with scopeAngularjs缓存已编译的DOM元素与范围
【发布时间】：2015-03-12 10:14:06
【问题描述】：

Angularjs 缓存已编译的具有作用域的 DOM 元素

上下文是我在移动环境下工作，所以我尝试将编译后的 DOM 元素缓存到内存中，如下所示：

cache[key] = $compile(myTemplate)(newScope);

并像这样更新其他元素的内容：

$('myElement').html(cache[key]);

第一次一切正常，然后我清除 myElement 的内容并使用缓存再次更新 myElement 的内容，如下所示：

$('myElement').empty().html(cache[key]);

并且缓存的编译模板的范围消失（缓存[key]的范围）。

我不想使用：

 $compile(myTemplate)(scope, function(compiledTemplate) {
  cache[key] = compiledTemplate;
});

每次都要编译模板并应用到作用域，所以如果有什么办法可以缓存编译的Dom元素和作用域，请帮助我，谢谢。

【问题讨论】：

【解决方案1】：

我知道这有点晚了，但它可能对其他人有所帮助。

它似乎在保持范围的同时缓存视图。

【讨论】：