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

Question

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

Item.color返回RGB代码，例如“＃002200”。 但是该应用无法正常运行，它显示白屏。

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

下面的代码工作正常。

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

我该如何解决这个问题？ 还是我做错了方法？

谢谢

Answer 1

这很简单，只需使用样式绑定即可 ：

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

---

以Plunker为例的用法和展示案例

Answer 2

您不需要标签内的括号

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