如何在角度导出pdf？

Question

I'm using angular7. I would like to download the data in the list as a PDF. I tried to do this as follows, but it wasn't. It prints the console screen as I want, but it doesn't download. npm with jsPDF and jspdf-autotable download.

.ts code:

import { DepartmanModal} from 'app/core/departman/departman.model';
import * as jsPDF from 'jspdf';
import 'jspdf-autotable';

export class HomeComponent implements OnInit {
    departmanList: Array<DepartmanModal>;
    doc: any;
    col = ['Details', 'Values'];
    rows: Array<any> = new Array<any>();
    temp: any;

  constructor( private departmanService: DepartmanService) {
        this.departman();
    }
    departman() {
        this.departmanService.getAll().subscribe(data => {
            this.departmanList= data.body;
        });
    }

convert() {
        this.doc = new jsPDF();
        this.departmanList.forEach(element => {
            this.temp = [element.id , element.name];
            this.rows.push(this.temp);
        });
        console.log(this.doc);
        this.doc.autoTable(this.col , this.rows);
        console.log( this.doc.autoTable(this.col , this.rows)); //  It prints the console screen as I want, but it doesn't download.
        this.doc.save('home.pdf');
    }
}

.html code:

 <div (click)="convert()" class="example">
              <span class="iconPDF"> Click for Download</span>
     </div>

Answer 1

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_download

Add 'download attribute along with pdf.

Answer 2

Try to change your code to this to see if it work ot not

 import jsPDF from 'jspdf';

 let doc = new jsPDF();
 this.departmanList.forEach(element => {
    this.temp = [element.id , element.name];
    this.rows.push(this.temp);
 });

 doc.autoTable(this.col , this.rows);
 doc.save('home.pdf');

You can find example here