Angularjs 在异步加载的模板上使用角度平移

我正在应用程序上使用。它使用可以动态切换其内容的选项卡。我通过使用$http的自定义服务获取内容

然后对模板进行清理，并将其推入阵列中，以便以后进行渲染：

 var addNewTab = function(template, tabClass) {
   var id = $scope.tabs.length + 1;
   tabClass = tabClass || '';
   template = $sce.trustAsHtml(template);
   template = $compile(template)($scope);

   $scope.tabs.push({
     id: id,
     name: 'PLACEHOLDER TITLE',
     active: true,
     content: template,
     tabClass: tabClass
   });
 };

在视图中，它是用{tab.content}呈现的，到目前为止，一切都运行得很好，我遇到的问题是使用角度平移来平移新插入的模板

在模板内部，我使用translate指令进行翻译，但由于模板不在$scope的范围内，因此不会呈现其文本

我想我可以使用$compile让它工作，但我不太明白如何使用它

任何想法都将不胜感激