проблема ионной конкатенации в теге img - PullRequest
Новая
       54

проблема ионной конкатенации в теге img

2 голосов
/ 10 ноября 2019

У меня проблема с объединением адресов массива, содержащего адреса изображений. Когда я пишу простой адрес без объединения, он работает нормально. Спасибо за помощь.

простой адрес, который разрешает доступ к таблице, выглядит следующим образом и работает.

<img class="info" [src]="tmdbBanners.theme1[0]" />

"theme1" должен меняться в зависимости от того, чтопользователь выбирает

"theme1" находится в переменной "form.banners", поэтому я попробовал несколько объединений, но это не работает. например:

<img class="info" [src]="tmdbBanners + form.bannieres + [0]" />

ou

<img class="info" [src]="tmdbBanners + "." + form.bannieres + [0]" />

, когда я компилирую свое приложение, URL-адрес изображения выглядит следующим образом:

<img class="info" src="[object Object]theme10">

результат должен отображать изображение и давать действительный URL в теге img

Ответы [ 2 ]

0 голосов
/ 11 ноября 2019

Я нашел правильный синтаксис, вот он: 

<img class="dl" [src]="tmdbBanners[formBanners][0]" />
<img class="dl" [src]="tmdbBanners[formBanners][1]" />
<img class="dl" [src]="tmdbBanners[formBanners][2]" />
<img class="dl" [src]="tmdbBanners[formBanners][3]" />

возвращает зарегистрированный адрес в таблице и правильно отображает изображение. Спасибо за оказанную помощь.

0 голосов
/ 10 ноября 2019

В файле HTML внесите следующие изменения: 

<img [src]="getUrl(variable1,variable2)" />

В файле ts внесите следующие изменения: 

getUrl(variable1,variable2){
    return variable1+variable2;
}

Примечание: передайте переменную методу getUrl(variable1,variable2) в таком видетаким образом, что полный URL-адрес изображения будет возвращен

Счастливое кодирование: -)

...