Ionic5在运行时设置项目颜色

Question

我正试图在我的ionic5项目中实现相同的ionic3行为。我的项目背景颜色应该在运行时根据变量确定

Ionic3 HTML：

<ion-item [ngStyle]="{'background-color': color, 'color':'#363232'}">

其中color=rgb(255,51,0)或类似的。在ionic3中工作。现在，启用此功能的ionic5语法是什么？

谢谢，艾尔

Answer 1

使用--ion-background-color而不是背景颜色。

在html中

  <ion-item style="--ion-background-color: {{_bckgndclr}}; color: #363232;">

以ts为单位

_bckgndclr: any = 'rgb(255,51,0)';

您可以通过更改ts中的_bckgndclr变量来更改颜色。

谢谢。