<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