更改Angular2 / Ionic2中模态的背景图像

Question

我有2个页面，一个主页，另一个是模态。 Modal有自己的背景，但如何通过单击主页上的内容来更改模态背景？

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();
}

所以基本上，当有人点击div时，应该打开模态并更改背景。怎么办呢？

Answer 1

您可以通过更改style.backgroundImage属性来动态更改背景。你可以在按钮点击事件中更改imageUrl，你应该很好。

<div [style.backgroundImage]="'url(' + imageUrl + ')'">