<div class="member-img" onclick="window.open(childEpisode.File_URL | fullPath)">
</div>
the fullPath is a pipe that concatenates the domain part to the URL i.e. file_URL which is relative.
but it doesn't work and shows nothing.
If I use it with img enter code herethen it works but i want it the way I have posted above.
working example:
<img [src]="childEpisode.File_URL | fullPath" [alt]="childEpisode.Name_AR" class="member-thumnail img-fluid">
you can implement it like this:
<div class="member-img" (click)="openMyLink(childEpisode.File_URL | fullPath)">
then in YourComponent.ts file implement the method like this:
openMyLink(link:string){
window.open(link)
}
Solution:
In html template use Angular Event binding:
<div class="member-img" (click)="openURL(childEpisode.File_URL)">...</div>
In the Component ts file inject the FullPathPipe class and use it's transform method:
constructor(private fullPathPipe: FullPathPipe) {...}
openURL(url: string) {
const transformedURL = this.fullPathPipe.transform(url);
window.open(transformedURL);
}
Note:
window or document.
https://angular.io/guide/template-statements#statement-best-practices