如何从Angular中的Typescript更改背景图像？

Question

我想从Angular中的Typescript文件中更改背景图像，我试过但不起作用。

我直接在我的html文件中更改样式，因为我不知道如何在CSS中执行。

这是我的html文件中的行：

<div style="background-image: url({{imageName}});"> </div>

这是我的Typescript文件：

export class NAmeComponent implements OnInit {

  imageName: String;

ngOninit(){
this.getImage();
}

getImage(){
 switch (value) {
      case 'a': {
        this.imageName = 'Nebula.jpg';
        break;
      }
     case 'b': {
        this.imageName = 'Eclipse.jpeg';
        break;
      }
    }
}
}

我怎样才能解决这个问题？谢谢大家的回答！

Answer 1

你可以尝试[ngStyle]="{'background-image': 'url(' + imageName + ')'}"