如何设置 Angular 4 背景图片?

2024-01-04

我正在尝试以下几行来设置背景图像,但它不起作用。在我的应用程序中不断设置背景图像的方式是什么。

应用程序组件.html

<div [ngStyle]="{'background' : 'url(./images/trls.jpg)'}">
    <router-outlet></router-outlet>
    <alert></alert>
</div>

您可以使用ngStyle https://angular.io/api/common/NgStyle为 div 设置背景

<div [ngStyle]="{background-image: 'url(./images/' + trls.img + ')'}"></div>

或者您也可以使用内置背景样式:

<div [style.background-image]="'url(/images/' + trls.img + ')'"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何设置 Angular 4 背景图片? 的相关文章

随机推荐