代码之家 › 专栏 › 技术社区 › AlbertMunichMar

找不到不同的支持对象NgStyle backgroundImage

angular

-1

AlbertMunichMar · 技术社区 · 6 年前

我想在div中显示一个有角度的图像

<div 
  ngStyle="{'backgroundImage': 'url({{getImage()}})'}"
>
  <div class="text-wrapper">
    text
  </div>
</div>

以及我正在接通的照片的地址:

  ngOnInit() {
    this.fullImagePath = 'assets/hackaton_home.png';
  }

  getImage() {
    return this.fullImagePath;
  }

图像位于文件夹资源中。

有什么帮助吗?

4 回复 | 直到 6 年前

dev-assassin 6 年前

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

René Winkler 6 年前

 [ngStyle]="{'backgroundImage': 'url({{getImage()}})'}"

Sachila Ranawaka 6 年前

为什么不只添加路径变量

<div 
  [ngStyle]="{'background-image': 'url(' + fullImagePath + ')'}"
>

<div 
  [ngStyle]="{'background-image': 'url(' + getImage() + ')'}"
>

Sajeetharan 6 年前

您应该将返回的url传递给变量,按如下所示进行更改,

 [ngStyle]="{'background-image':'url('+ getImage()')'}"

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前