Looking to change the background of a modal by clicking something on the homepage? I have a home page and a modal page with its own background. How can I dynamically alter the modal's background from the homepage?
modal.html
<ion-content>
something here
</ion-content>
modal.scss
.scroll-content {
background-image: url("image.jpg") !important;
}
home.html
<div class="circle" (tap)="openModal1($event)">
</div>
home.ts
tapMiddle(e) {
this.openModal1();
}
Essentially, I want to trigger the opening of a modal and simultaneously change its background when a user clicks on a specific div. How can this functionality be achieved?