NG style not updating dynamically

Question

I use ng-style to dynamically change the color of an HTML element.

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

where the getColor () function returns the color to be changed, and it can return different colors based on usecase. The first time, everything works fine, but when getColor () returns a different color later, it does not update the color of the HTML element.

Answer 1

Just try the following:

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

Answer 2

Try the following:

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