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

Question

所以对于这个项目，我想在使用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));
    }
};
});