Как я могу изменить фоновое изображение из Typescript в Angular?

Question

Я хочу изменить фоновое изображение из файла Typescript в Agular, я пробовал, но не работает.

Я изменяю стиль непосредственно в моем 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 + ')'}"