如何在angularjs的特定div onclick按钮上创建Html到pdf？

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script>

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.generatePDF = function() {
      var doc = new jsPDF();
      var specialElementHandlers = {
        '#editor': function(element, renderer) {
          return true;
        }
      };

      doc.fromHTML($('#pdfContent').html(), 15, 15, {
        'width': 170,
        'elementHandlers': specialElementHandlers
      });

      doc.save('output.pdf');
    };
  });

<div ng-app="myApp" ng-controller="myController">
  <div id="pdfContent">
    <!-- 这里是要转换为PDF的内容 -->
    <h1>Hello, World!</h1>
    <p>This is a sample HTML content.</p>
  </div>
  <button ng-click="generatePDF()">生成PDF</button>
</div>