我目前正在构建一个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为该问题提供的解决方案!