I am using the parallax directive in my Ionic app and trying to bind a dynamic image URL from Appwrite Storage using imageUrl. However, the image does not display, even though:
- The URL is valid and works when opened in a browser.
- The same URL works with and
.
- I have tried sanitizing the URL using DomSanitizer (bypassSecurityTrustUrl()).
- No console errors appear, and the directive does not update when imageUrl changes.
But when the same url i statically assign to variable and bind it then it show the parallax imageUrl
<ion-header parallax imageUrl="{{image}}" maximumHeight="350" aria-placeholder="assets/profile.png"expandedColor="#AAA" titleColor="white"> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button></ion-back-button> </ion-buttons> <ion-title class="custom-font-weight" > {{nikeName}} </ion-title> </ion-toolbar> </ion-header> <ion-img src="{{image}}"></ion-img>
the image url is given
https://cloud.appwrite.io/v1/storage/buckets/676c131a002c2eb7caba/files/678e88e665d5fe4757b3/view?project=6762f0da001455410a1a
