Question

我试图将静态路径（即静态路径）和动态路径（即图像的路径）连接到图像URL中，每当我在尝试过的路径之间添加+时，都会遇到语法错误

<div *ngFor="let cat of Cat" class="cus-col" style="background-image: url( 'Static Image Url'  '+ Dynamic Image Url'  ) ">}
        <div class="cus-text">
          <h4>{{cat.name}}</h4>
        </div>
      </div>

Answer 1

由于使用的是Ionic，因此应使用Angular NgStyle 指令设置元素样式。

此示例使用动态网址设置div的背景图片：

<div [ngStyle]="{'background-image': 'url(' + dynamicVariable + ')'}"></<div>

此示例使用静态和动态网址设置div的背景图片：

<div [ngStyle]="{'background-image': 'url(https://www.example.com/images/' + dynamicVariable + ')'}"></<div>

您可以在此处了解更多信息：

https://codecraft.tv/courses/angular/built-in-directives/ngstyle-and-ngclass/

如何在背景图像中链接动态图像路径

1 个答案: