Angularjs2/Ionic2에서 pdfmake 구현

Question

ionic 2 프레임 워크 (angularjs2 기반)로 응용 프로그램을 만듭니다. 여기 포럼에서 데이터를 제공하고 있으며이 데이터는 pdf로 표시됩니다. 누구나 anglejs2 또는 ionic 2에 pdfmake를 설치하는 방법과 사용할 기본 스 니펫을 알려줄 수 있습니까?

Answer 1

나는 이것에 대한 해결책을 찾고자합니다. 난 당신이 도움이 될 것을 여기에 Plunker 건너 온 : https://plnkr.co/edit/7tPFTAjKWwaRp1IbT0Tg?p=preview

당신은

은 다음 index.html을의 파일을 참조 (정자 설치 pdfmake를 통해) 정자와 프로젝트에 pdfmake를 설치해야

<script src='pdfmake.min.js'></script> 
    <script src='vfs_fonts.js'></script> 

다음이이

을 :)처럼 실제로 예를 들어 plunker에 보이는 PDF 파일을 (빌드하는 JS 파일이 필요합니다 (그것은 당신이 Index.html을 같은 파일에 두 개의 JS 파일을 이동하는 데 도움이 될 수 있음)

export class App { 
    public item: {firstName: string, lastName: string} = {firstName: 'Peter', lastName: 'Parker'}; 
    pdf: any; 
    buildPdf: any = new buildPdf(); 

    openPdf() { 
     this.pdf = pdfMake; 
     this.buildPdf = buildPdf; 
     this.pdf.createPdf(buildPdf(this.item)).open(); 
    } 
} 

나는이 도움이 되었으면 좋겠 :

function buildPdf(value) { 
    var pdfContent = value; 

    var docDefinition = { 
     content: [{ 
      text: 'My name is: ' 
     }] 
    } 
    console.log(pdfContent); 
    return docDefinition; 
} 

그리고 당신은 다음과 같은 구성 요소의 것을 사용 (여기서 '수출 클래스 응용 프로그램은'구성 요소의 이름입니다)!