使用angular.js下载编译的html文件

因此，对于这个项目，我希望在使用ng bind动态修改后保存已编译的html。文件下载，但结果是未编译的。在某种程度上，我使用$（element）.html来获取代码，这可能是我缺少的一些简单的东西

关于如何在angular.js中将编译结果作为对象获取，有什么想法吗？以下是控制器的一部分：

app.controller('MainCtrl', function ($scope) {
var data = $('div#testing').html;
$scope.getBlob = function(){
  return new Blob([data], {type: 'text/html'});
};
});

下载该html的函数：

app.directive('myDownload', function($compile)  {
 return {
restrict:'E',
replace: true,
scope:{ getUrlData:'&getData'},
link:function (scope, elm, attrs) {
    var url = URL.createObjectURL(scope.getUrlData());
      elm.append($compile(
            '<a class="btn" download="Email.html"' +
                'href="' + url + '">' +
                'Download' +
                '</a>'
        )(scope));
    }
};
});

app.directive（'myDownload'，函数（$compile）{
返回{
限制：'E'，
替换：正确，
作用域：{getUrlData:'&getData'}，
链接：功能（范围、elm、属性）{
var url=url.createObjectURL（scope.getUrlData（））；
elm.append（$compile）(
''
)（范围）；
}
};
});