使用Kendo工具下载pdf ng-hide true元素

如何解决使用Kendo工具下载pdf ng-hide true元素

我正在尝试使用kendo工具下载html内容应该处于隐藏状态。

这是我的HTML：

<div ng-hide="true" class="col-md-12" id="loa">
  <div ng-bind-html="loaDescriptionBind">
  </div>
</div>

这是我的JavaScript

$scope.downloadLOA = function () {
  kendo.drawing
    .drawDOM('#loa',{
      paperSize: 'A4',margin: { top: '1cm',bottom: '1cm' },scale: 0.8,height: 500,})
    .then(function (group) {
      kendo.drawing.pdf.saveAs(group,'loa.pdf');
      });
};

$scope.getLoa = function (winCode,loaTemplateId) {
  
  //Calling API
  .$promise.then(function (res) {
    $scope.loaDescriptionBind = res.response;
    setTimeout(function () {
      if (!angular.isUndefined($scope.loaDescriptionBind)) {
      
        //Calling Download function Here
        $scope.downloadLOA();
      }
    },5000);
  });
};

Here I am able to download the content. It is downloading as blank page