title: How to check if element is rendered in angular 2
body: <p>I want to show a popup after table is completely loaded. Am using load property but it is not working. Is there any other way to achieve this? Without parent-child concept.</p>
  
  <p>following is my code component.ts</p>
  
  <pre><code>export class FileUploadComponent {
      public files: UploadFile[] = [];
      data: AOA = [ [1, 2], [3, 4] ];
      wopts: XLSX.WritingOptions = { bookType: 'xlsx', type: 'array' };
      fileName: string = 'SheetJS.xlsx';
      showData: boolean = false;
  
      public dropped(event: UploadEvent) {
         this.files = event.files;
         for (const droppedFile of event.files) {
           if (droppedFile.fileEntry.isFile) {
             const reader: FileReader = new FileReader();
             const fileEntry = droppedFile.fileEntry as FileSystemFileEntry;
             fileEntry.file((file: File) =&gt; {
                var filePath = file;
               reader.onload = (e: any) =&gt; {
                const bstr: string = e.target.result;
                const wb: XLSX.WorkBook = XLSX.read(bstr, {type: 'binary'});
                const wsname: string = wb.SheetNames[0];
                const ws: XLSX.WorkSheet = wb.Sheets[wsname];
                this.data = &lt;AOA&gt;(XLSX.utils.sheet_to_json(ws, {header: 1}));
              };
              reader.readAsBinaryString(file);
              this.showData = true;
              this.infoModal.hide();
            });
         } else {
            this.showData = false;
            const fileEntry = droppedFile.fileEntry as FileSystemDirectoryEntry;
         }
       }
     }
  
    showPopUp(){ 
       console.log('yes');
    }
  }
  </code></pre>
  
  <p>Following is my component.htm</p>
  
  <pre><code>      &lt;div class="modal-body"&gt;
          &lt;file-drop id="infoFileModal" headertext="Drop files here" (onFileDrop)="dropped($event)" (onFileOver)="fileOver($event)" (onFileLeave)="fileLeave($event)"&gt;&lt;/file-drop&gt;
        &lt;/div&gt;
  
   &lt;div class="card-body"&gt;
     &lt;div *ngIf="showData" class="upload-table  table-responsive"&gt;
       &lt;table #table class="table-bordered table-striped" id="dest_table" (load)="showPopup()"&gt;
          &lt;tr *ngFor="let row of data"&gt;
             &lt;td *ngFor="let val of row"&gt;
                {{val}}
             &lt;/td&gt;
          &lt;/tr&gt;
       &lt;/table&gt;
    &lt;/div&gt;
    &lt;div *ngIf="!showData" class="div-upload"&gt;
       No Data Found
    &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>