<div class="member-img" onclick="window.open(childEpisode.File_URL | fullPath)"> </div> fullPath es una canalización que concatena la parte del dominio con la URL, es decir file_URL que es relativa.
pero no funciona y no muestra nada.
Si lo uso con img enter code here , entonces funciona, pero lo quiero de la forma en que lo publiqué anteriormente.
ejemplo de trabajo:
<img [src]="childEpisode.File_URL | fullPath" [alt]="childEpisode.Name_AR" class="member-thumnail img-fluid">puedes implementarlo así:
<div class="member-img" (click)="openMyLink(childEpisode.File_URL | fullPath)"> luego, en el archivo YourComponent.ts , implemente el método de esta manera:
openMyLink(link:string){ window.open(link) }Solución:
En la plantilla html, use el enlace de evento angular:
<div class="member-img" (click)="openURL(childEpisode.File_URL)">...</div> En el archivo TS del componente, inyecte la clase FullPathPipe y use su método de transform :
constructor(private fullPathPipe: FullPathPipe) {...} openURL(url: string) { const transformedURL = this.fullPathPipe.transform(url); window.open(transformedURL); }Nota:
window o un document . https://angular.io/guide/template-statements#statement-best-practices