小编Ric*_*ork的帖子

角度-动态加载图像

我在StackOverflow上进行了全面搜索,但未能找到解决问题的方法。


仅供参考,我正在使用ASP.net Core 2.0的默认角度项目

我目前正在构建一个Angular应用程序,试图根据其他位置的配置加载客户的徽标。

我正在尝试将此文件加载到我的home.component.html中

我创建了一个“ CustomerService”,其中包含一个函数getLogo(),该函数本身返回客户徽标的路径。

我的文件夹结构如下: 文件夹结构图像
资产文件夹包含的图像,和HTML下方发现在发现home.component.html

我知道“ ../../”并非可行之道,所以我的第一个问题是如何解决该问题。

我创建了以下HTML结构:

<img src="../../assets/timeblockr-logo.png" />
<img [src]="customerservice.getLogo()" />
Run Code Online (Sandbox Code Playgroud)

而且CustomerService的getLogo函数返回以下内容:

getLogo() {
    return "../../assets/timeblockr-logo.png";
}
Run Code Online (Sandbox Code Playgroud)

**编辑:找到解决方案!!!**

原来我不得不使用:

getLogo(): string{
    return require("../assets/timeblockr-logo.png");
}
Run Code Online (Sandbox Code Playgroud)

特别感谢@Niladri为该问题提供的解决方案!

typescript asp.net-core-2.0 angular

5
推荐指数
2
解决办法
5522
查看次数

标签 统计

angular ×1

asp.net-core-2.0 ×1

typescript ×1