I have a material dialog template that i want to use to open and download pdf files from an external link(url) in another component but its not working.It says the url is unsafe.Any idea will be appreciated
  1. import { Component, OnInit, ViewChild, ElementRef, Inject, forwardRef, ChangeDetectorRef, SecurityContext,Pipe, PipeTransform,Input,AfterViewInit } from '@angular/core';  
  2. import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';  
  3. //import { DialogComponent, DialogService } from 'ng2-bootstrap-modal';  
  4. import { ElementAst } from '@angular/compiler';  
  5. import {ConfirmdialogService} from './../services/confirmdialog.service';  
  6. import {MAT_DIALOG_DATA,MatDialogRef,MatDialog} from '@angular/material/dialog';  
  7. import {EmployeedocsComponent} from './../upload/employeedocs/employeedocs.component';  
  8. import { DocumentService } from "../services/document.service";  
  9. import { ShareReplayConfig } from 'rxjs/internal-compatibility';  
  10. export interface ViewerModel {  
  11. title: string;  
  12. NodeID: string;  
  13. }  
  14. @Component({  
  15. selector: 'viewer',  
  16. template: `  
  17. {{title}}  
  18.   
  19. "640" height="390" [src]="NodeID | safe">  
  20.   
  21.   
  22.   
  23. "onNoClick()">Close  
  
  • `  
  • })  
  • @Pipe({ name: 'safe' })  
  • export class ViewerComponent implements PipeTransform {  
  • constructor(  
  • public dialogRef: MatDialogRef,public sanitizer: DomSanitizer,  
  • @Inject(MAT_DIALOG_DATA) public data: ViewerModel) { }  
  • title: string;  
  • NodeID: string;  
  • transform(NodeID) {  
  • return this.sanitizer.bypassSecurityTrustResourceUrl(this.NodeID);  
  • }  
  • ngOnInit(){  
  • }  
  • onNoClick(): void {  
  • this.dialogRef.close();  
  • }  
  • }