title: Merging multiple pdf Using pdfMake.js in Angular
body: <p>I was able to create a single pdf file using for the following code.</p>
  <pre><code>this.docDefinition = {
        
        pageSize: 'LETTER',
        pageOrientation: 'landscape',
        pageMargins: [40, 30, 40, 30],
  
        header: function (page, pages) {
          return {
            height: 14,
            text: 'Sample',
            style: 'titleHeader',
            alignment: 'center'
          };
        },
        
        content: [
          this.buildSectionPatientInfo(),
          {
            table: {
              widths: ['50%', '50%'],
              headerRows: 0,
              body: [
                [
                  // RIGHT SIDE
                  [
                   
                    this.buildSectionServices(),    
                    this.buildSectionLabUseOnly()
                  ],
                  // LEFT SIDE
                  [
                    
                    this.buildSectionFrame(),
                    this.buildSectionSpecialInstructionsLab()
                  ]
                ]
              ]
            },
            layout: 'noBorders'
          },
        ],
        styles: {
          titleHeader: {
            fontSize: 16,
            bold: true,
            margin: [0, 10, 0, 0],
          },
          tableHeader: {
            bold: true,
            fontSize: 13,
            color: 'black'
          }
        },
  
        defaultStyle: {
          fontSize: 9,
          lineHeight: .9
        }
      };
  
      try {
        pdfMake.createPdf(this.docDefinition).open();
      } catch (e) {
        // check popup/ad blockers
        alert(e.toString());
      }
  </code></pre>
  <p>But now I having trouble of creating multiple pdf files and merge it into one pfd.  I tried to put a for loop inside content but it errors out.</p>
  <p>.......................</p>
  <pre><code>content: [
  for (const labOrder of selectedLabOrders) {
          this.buildSectionPatientInfo(),
          {
            table: {
              widths: ['50%', '50%'],
              headerRows: 0,
              body: [
                [
                  // RIGHT SIDE
                  [
                    
                    this.buildSectionLabInfo(),
                    this.buildSectionLabUseOnly()
                  ],
                  // LEFT SIDE
                  [
                    
                    this.buildSectionFrame(),
                    this.buildSectionSpecialInstructionsLab()
                  ]
                ]
              ]
            },
            layout: 'noBorders'
          },
  }
        ],
  </code></pre>
  <p>.............</p>
  <p>I would greatly appreciate if anybody can provide a solution for this.</p>