如何在 Ionic2 中动态设置文本颜色

Question

我正在尝试更改文本颜色，如下所示。

Item.color returns RGB 代码如“#002200”。 但是应用程序没有正常运行，它显示白屏。

<div style="color:{{item.color}}">{{item.name}}</div>

下面的代码工作正常。

<div style="color:#002200">{{item.name}}</div>

我该如何解决这个问题？还是我方法不对？

谢谢

Answer 1

这很简单，只需使用 style binding:

<div [style.color]="item.color">{{item.name}}</div>

---

Plunker for example usage and show case

Answer 2

标签内不需要括号

<div style="color:item.color">{{item.name}}</div>