时间戳

首页 > 解决方案 > 如何使用外部图像?

angular - 如何使用外部图像?

问题描述

我需要将所有图标存储在后端，因此需要通过链接访问它们。

我试图做类似的事情：

<ion-icon [src]="'https://my-api/static/icons/home.svg'"></ion-icon>

但它不会呈现图标。

我使用离子/角度 5。

不幸的是，这个答案没有奏效。

标签： angularionic-framework

解决方案

尝试在 Ts 文件 ImageURL 中创建一个变量并与 src 绑定

<ion-icon [src]="ImageURL"></ion-icon>

, 或者你可以在下面做

<ion-icon [src]="https://my-api/static/icons/home.svg"></ion-icon> <-- do this 
<ion-icon [src]=" this comma is not needed-->'https://my-api/static/icons/home.svg'"></ion-icon> <--- instead this

推荐阅读