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

app.component.html

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

推荐答案

可以使用ngStyle为div设置背景

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

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

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

Angular相关问答推荐

如何取消针叶林输入的自动填充?

我如何更新此Ionic应用程序以解决路由问题?

带输入的单位测试Angular 分量.需要

如何在ANGLING v17中使用鞋带样式组件?

茉莉花-模板中调用了如何判断角管

MAT-复选框更改事件未在onSubscriberCheck函数中返回选中的值

RxJS轮询+使用退避策略重试

如果我只在组件中使用某个主题,是否需要取消订阅该主题?

合并Cypress和Karma的代码覆盖率报告JSON文件不会产生正确的结果

相同的 Angular 代码在生产环境中停止工作

Moment.js 和 Angular 库

如何重新加载当前页面?

Angular 2:Validators.pattern() 不工作

为什么 Angular2 routerLinkActive 将活动类设置为多个链接?

Angular 2 - ngfor 没有包装在容器中

如何将一个组件放入Angular2中的另一个组件中?

Angular 2 单元测试 - 出现错误无法加载ng:///DynamicTestModule/module.ngfactory.js

Angular 2:组件交互,可选输入参数

如何作为模块的子模块路由到模块 - Angular 2 RC 5

Firebase 查询子项的子项是否包含值