1

Estoy intentando crear un visor de PDFs en Angular pero al pasarle la variable da error. ¿Me echáis una mano, por favor?

HTML:

<embed [src]="selectedFile" class="p-col-12" style="height: 800px;">

TS:

  private pathFiles = [
    'src/assets/pdf/test.pdf',
    'src/assets/pdf/test2.pdf',
    'src/assets/pdf/test3.pdf',
  ];
  constructor() {
    public selectedFile = this.pathFiles[0];
  }

Gracias. Un saludo!

2
  • 1
    ¿Cuál es el error que te da? Por cierto, te sobra el src/inicial de las URL, las url a los assets no necesitan más que assets/... Commented el 7 dic. 2018 a las 10:00
  • Hola! Gracias por la ayuda, el error es: Error: unsafe value used in a resource URL context Commented el 7 dic. 2018 a las 11:05

1 respuesta 1

1

Intenta utilizando el servicio DomSanitizationService:

import {DomSanitizationService} from '@angular/platform-browser';

// ...

constructor(private sanador: DomSanitizationService) {
    public selectedFile = sanador.bypassSecurityTrustUr(this.pathFiles[0]);
}

Por motivos de seguridad, [src] solo funcionara si aseguras la url para evitar url con informacion malisiona y eso es lo que hace bypassSecurityTrustUr()

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.