Angularjs编译html而不插入视图

Question

我有一个包含小部件的页面。 小工具是具有设置和对象的对象。 templateUrl我绑定这些设置，因此我使用$compile service via指令构建我的页面来编译这些设置。这就是我在视图中呈现的方式：

<div ng-repeat="widgetObj in myWidgets" compile="widgetObj">
    <div><i class="fa fa-circle-o-notch fa-spin"></i></div>
</div>

编译小部件时，它会添加到内部div而不是加载图标。

问题：

我必须从widgetObj渲染html并将编译后的html作为字符串发送到服务器。我找到的一个解决方案是像往常一样编译小部件，但是在隐藏的div中，当它被编译时，我会使用该HTML并发送它。使用此解决方案一切都很好（主要是），但是当我想渲染多个页面（5+）时会出现问题。我的chrome开始冻结，内存使用量为1,2 GB +。

我知道使用$compile＆amp;在控制器中使用DOM并不是最好的解决方案，但对于我的任务，我需要编译html。

希望您可以根据我的问题向我推荐一些内容，或者提供更好的解决方案。目前我期待背景工作者，但不确定是否有可能考虑这种方法。