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错误？

离子ngStyle动态背景图片

1 个答案: