как объединить путь динамического изображения в фоновом изображении - PullRequest
Новая
       9

как объединить путь динамического изображения в фоновом изображении

0 голосов
/ 19 февраля 2019

Я пытаюсь объединить статический путь, который будет статическим, и динамический путь, который является путем изображения, в 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>

1 Ответ

0 голосов
/ 19 февраля 2019

Поскольку вы используете Ionic, вы должны использовать директиву Angular NgStyle для установки стиля элементов.

В этом примере фоновое изображение элемента div задается с помощьюдинамический URL: 

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

В этом примере фоновое изображение элемента div задается статическим и динамическим URL: 

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


Подробнее об этом можно узнать здесь:

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

...