javascript - 如何在不使用 Angular 2 替换第一个图像的情况下将另一个图像添加到 div？

假设我们已经有了第一张图片。

.bg{
    background-image: url('img/bg1.png');
}

然后我们想使用 Angular 2 添加另一个图像 img/bg2.png。我们该怎么做呢？

我试过

<div [style.background-image]="getBg()"></div>

同时

getBg(){
    return "url('img/bg2.png')";
}

但是，它将替换 bg1.png。那么我怎样才能在上面的 div 中添加另一个背景图像呢？谢谢。

编辑: 我知道我们应该使用逗号，但我们如何使用 Angular 2 获取第一张图像？

最佳答案

您需要传递以逗号分隔的 URL 列表:

getBg(){
    return "url('img/bg1.png'),url('img/bg2.png')";
}

关于javascript - 如何在不使用 Angular 2 替换第一个图像的情况下将另一个图像添加到 div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37385306/