img标签中的离子级联问题

Question

我在连接包含图像地址的数组的地址时遇到问题。当我写没有连接的简单地址时，它可以正常工作。谢谢您的帮助。

允许访问表的简单地址如下，并且可以正常工作。

<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">

结果应显示图像并在img标签中提供有效的网址

Answer 1

在HTML文件中进行以下更改：

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

在ts文件中进行以下更改：

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

注意：以这种方式将变量传递给方法getUrl(variable1,variable2)，以便获得完整的图像URL

快乐编码：-）