Я хочу установить фоновое изображение динамически, используя ngStyle.Но он ничего не загружает.Вот мой HTML
<div
id="banner-cover"
class="bg-parallax animated fadeIn"
[ngStyle]="{
'background-image': backgroundImage
}"
>
...
</div>
А вот мой метод backgroundImage (), определенный в ts.Здесь я использовал Domsanitizer, который рекомендуется здесь .
export class BannerComponent implements OnInit {
public _backgroundImage = "'url('../../../../assets/images/bg-banner.jpg')'";
constructor(private sanitizer:DomSanitizer) { }
ngOnInit() {
}
get backgroundImage() {
return this.sanitizer.bypassSecurityTrustStyle( this._backgroundImage );
}
}