在渲染角度js之前将模板放在模板缓存中

Question

我已经创建了一个将元素html代码放在模板缓存中的指令 -

.directive('putInCache', function ($templateCache) {
    return {
       link: function (scope, element) {
           $templateCache.put('name', element.html());
       }
    };
})

我在html中使用它 -

<div put-in-cache class="modal">
     <div class="modal-body">
         <div ng-repeat="result in results">
             {{ result }}
         </div>
     </div>
</div>

问题是element.html（）将ng-repeat代码返回为<-- ng-repeat result in results -->，因为ng-repeat在模态模板中不起作用。

任何想法如何在缓存中的ng-repeat渲染之前放置实际的html

PS - 我不能在js中使用脚本ng-template或定义模板，因此创建了这个指令。