2016-11-17 10 views
0

私はイオン2フレームワーク(angularjs2に基づいて)でアプリケーションを作成しています。ここで私はフォーラムでデータを提供しています。このデータはpdfで表示されます。 誰でもpdfmakeをangularjs2またはionic 2にインストールする方法と、いくつかの基本的なスニペットを使用する方法を教えてください。Angularjs2/Ionic2のpdfmakeの実装

答えて

0

私は自分自身の解決策を見つけようとしています。私はあなたを助けるかもしれないことをここPlunkerに出くわした:https://plnkr.co/edit/7tPFTAjKWwaRp1IbT0Tg?p=preview

あなたは

が、その後、あなたのindex.html内のファイルを参照する(亭インストールpdfmake経由)バウアーとのプロジェクトでpdfmakeをインストールする必要が

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

(それはIndex.htmlと同じファイルに2つのjsファイルを移動するためにあなたを助けるかもしれない)

、あなたが例にplunkerはこのようになりますこれは(実際にはPDFファイルを構築するために、JSファイルが必要です:)

function buildPdf(value) { 
    var pdfContent = value; 

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

そして、あなたは、この(「エクスポートクラスのAppは、」コンポーネントの名前です)のようなコンポーネントであることを使用します。

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(); 
    } 
} 

私はこれが役に立てば幸い!