如何有條件地將樣式屬性添加到 angular 中的模板？

Question

我已經看到了如何創建條件樣式的示例。 但是我不希望 style 屬性在某些情況下出現。 這就是我要的：

<div class="backgroundGradient" [style.backgroundImage]="myBackgroundImageUrl"></div>

然而，這里的問題是當myBackgroundImageUrl不存在時。 我希望backgroundGradient出現。 這里的問題是 angular 只會顯示<div style="background-image: none"> 。 如果我刪除它，在 chrome 調試器中 - 我的代碼有效。

如果myBackgroundImageUrl不存在，我基本上不希望 style 屬性出現。 三元在這里也不起作用。

我想知道是否可以在不使用 *ngIf 的 2 個元素的情況下執行此操作。 這是最壞的情況，但元素有更多的屬性，所以我試圖避免不必要的復制。

Answer 1

關於什么

<div class="backgroundGradient" [ngStyle]="myStyle"></div>

組件網

myStyle:any

ngOnInit() {
  if (hasImage) {
  this.myStyle={'background-image':url}
  }

https://angular.io/api/common/NgStyle