How to load PDF document from online URL in PDF Viewer?

<button (click)="load()">LoadDocument</button>
<div class="content-wrapper">
   <ejs-pdfviewer id="pdfViewer" [serviceUrl]='service' style="height:850px;display:block"></ejs-pdfviewer>
</div>

export class AppComponent implements OnInit { 
  public service = 'https://localhost:55767/pdfviewer';   
          load() { 
        var pdfdata; 
        var staticUrl = 'https://files2.syncfusion.com/dtsupport/directtrac/general/pd/HTTP_Succinctly-1719682472.pdf'; 
        var xhr = new XMLHttpRequest(); 
        xhr.open('GET', staticUrl, true); 
        xhr.responseType = 'blob'; 
        xhr.onload = function (e) { 
            if (this.status == 200) { 
                var myBlob = this.response; 
                var reader = new window.FileReader(); 
                // Read the blob data 
                reader.readAsDataURL(myBlob); 
                reader.onloadend = function () { 
                var base64data = reader.result;                 
               // Typecast the HTMLElement to avoid TypeScript lint issue    
                var pdfviewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];       
                // Load the base64 string 
                    pdfviewer.load(base64data, null); 
                } 
           } 
        }; 
        xhr.send(); 
    } 
    ngOnInit(): void {                                               
    }   
}