ng-style 没有动态更新

Question

我正在使用 ng-style 动态更改 HTML 元素的颜色。

<i class="fa fa-circle" ng-style='{color: "{{getColor()}}"}'></i>

其中 getColor() 函数 return 是要更改的颜色，它可以根据用例 return 不同的颜色。第一次一切正常，但是当 getColor() returns 稍后的不同颜色时，它不会更新 HTML 元素的颜色。

Answer 1

试试这个：

<i class="fa fa-circle" ng-style="{color: getColor()}"></i>

Answer 2

试试这个：

<i class="fa fa-circle" ng-style="{color: getColor()}"></i>