I have a div which has an ng-style attribute with an rgba value that uses a $scope variable for the alpha value:
ng-style="{'background-color': 'rgba(255,0,0,{{ alphaValue / 100}})'}"
I have an input slider which changes the value of alphaValue. I can see the change of the value using the console.log and the rgba value is being updated in the debugger in the html. It is just not being applied in the view.
Any suggestions?
It would simply look like below
ng-style="{'background-color': 'rgba(255,0,0,'+ (alphaValue/ 100) +')'}"