Ioni c Несколько и динамические c изображения на фоне - PullRequest
Новая
       4

Ioni c Несколько и динамические c изображения на фоне

0 голосов
/ 05 марта 2020

Я пытался добавить несколько изображений, уже опубликовал вопрос, но с другой проблемой, но конечная точка была одинаковой. 

<ion-content [style.background-image]="'url(https://restcountries.eu/data/ala.svg)', 'url(https://restcountries.eu/data/ala.svg)'"
             [style.background-size]="'100% 50%, 100% 50%'" 
             [style.background-repeat]="'no-repeat, repeat'">

Для нескольких изображений он не отображается, но для одного изображения отображается как и ожидалось 

<ion-content [style.background-image]="'url('+ fromFlag +')'"
             [style.background-size]="'100% 50%, 100% 50%'" 
             [style.background-repeat]="'no-repeat, repeat'">

Может кто-нибудь помочь мне, как добавить второе изображение на фоне?

1 Ответ

1 голос
/ 05 марта 2020

Вы можете использовать это решение для динамически c добавить несколько изображений на фоне.

[ngStyle]="{'background-image': 'url(' + fromFlag + '),url(' + fromFlag + ')'}" 

<ion-content 
    [ngStyle]="{'background-image': 'url(' + fromFlag + '),url(' + fromFlag + ')'}"
    [style.background-size]="'100% 50%, 100% 50%'" 
    [style.background-repeat]="'no-repeat, repeat'"
>
...