Css 如何在Angular中更改剑道ui对话框的背景色

我需要更改弹出窗口的背景色，我尝试使用

[ngStyle]

属性，但这导致了背景色的更改。
经过一番调查后，我发现将“背景色”属性应用于k窗口类会更改弹出窗口的背景色，但我希望它能根据条件改变。我认为我们不能直接将类的定义添加到条件中，它只接受类的名称。
是否有其他方法可以更改弹出窗口的背景颜色

我试过这样的东西。

<kendo-dialog [ngClass]="{'k-window{background-color:red}' : flag = true,'k-window{background-color:green}': flag = false">
</kendo-dialog>

---

为方便起见使用ngClass指令

<div [ngClass]="'example-class'"></div>

#kendo-grid .kendo-grid{
 //CSS
}

---

在尝试了一段时间不同的解决方案后，我终于意识到我可以通过覆盖全局CSS来改变剑道ui对话框的背景颜色

我发现改变颜色的班级是

k-window-content

因此，我使用

：：ng deep.k-window-content{background color:'red'}

覆盖了它，我将这个CSS类放在我想要修改它的组件中

但很快我意识到，每当我从这个组件跳到另一个具有相同对话框的组件时，对话框的颜色也会改变，这是我不想要的

解决方案
然后我找到了这个解决方案

：主机：：ng deep.k-window-content{背景色：“红色”；}

---

通过将

：host

添加到类声明中，我能够限制所需组件背景颜色的更改，而不会干扰其他组件中的对话框

问题在于

剑道对话框

。你能把它应用到剑道对话框上吗？

<div
  [ngClass]="{
  'example-class': condition
}"
></div>

<div
  [ngClass]="{
  'example-class': condition,
  'other-class': !condition
}"
></div>

<div id="kendo-grid"> 
 <kendo-dialog>
</div>

#kendo-grid .kendo-grid{
 //CSS
}