Ionic ngStyle 动态背景图像

Question

我正在尝试将我的 ngStyle 背景图片绑定到我的卡片上

这是我的代码：

        <ion-slides slidesPerView="1" centeredSlides (ionSlideWillChange)= "slideChange($event)" [ngStyle]= "{'background-image': 'url('+ bg +')'}">

我的TS文件

  bg = "images/sample.jpg"

我还使用了 this.bg 和 'background' 而不是 'background-image' 但什么也没发生。谢谢

Answer 1

你做得对，这里是 working demo

<ion-slides slidesPerView="1" centeredSlides (ionSlideWillChange)= "slideChange($event)" [ngStyle]= "{'background-image': 'url('+ bg +')'}">
Test Content for aJaysanity
</ion-slides>

如果您检查开发者工具，是否看到您设置的图像出现 404 错误？

Ionic ngStyle 动态背景图像

Ionic ngStyle Background image dynamically

css

typescript

ionic-framework

ionic3

angular