在 Angular 8 中,可以使用 Angular 提供的 require()
函数来加载图片。
如果你要加载的图片路径是一个属性,可以使用 ngStyle
或 ngClass
指令来动态设置样式或类,并在其中使用 require()
函数。
以下是一个示例代码:
在组件类中,定义一个 getImageUrl()
方法来返回图片的路径:
export class MyComponent {
imageUrl: string = 'path/to/image.jpg';
getImageUrl() {
return require(this.imageUrl);
}
}
在上面的示例中,getImageUrl()
方法使用 require()
函数来加载图片路径,并返回一个可以在 background-image
样式中使用的字符串。
请注意,require()
函数只能加载在编译时已知的图片路径,因此需要确保 this.imageUrl
的值在编译时是已知的。如果你的图片路径是在运行时动态获取的,你可能需要使用其他方法来加载图片,例如使用 AJAX 请求或通过服务获取图片路径。