Converting a style into ng-style

Question

My AngularJS app doesn't work on IE11. I learnt I need to convert every inline style which contains angular variables into ng-style tags

This is what I've got:

<div id="mydiv" style="color: {{ ::channel.colour }};"></div>

how to convert it into an ng-style?

I tried converting it like this:

<div id="mydiv" ng-style="color: {{ ::channel.colour }};"></div>

but it doesn't work

EDIT

I dont feel you need to convert to ng-style. we have developed an app which runs well in IE11. try using ng-class and put the css in that class in a seperate css file. — ismail baig, Aug 03 '16 at 11:18
post your controller logic where you are setting channel.colour. I hope you just have to remove ::. Instead {{ ::channel.colour}} try {{ channel.colour}} — ismail baig, Aug 03 '16 at 11:20

score 1 · Accepted Answer · answered Aug 03 '16 at 11:57

1

seems to be scope variable is not binding to style or ng-style. you need to try something like

<div id="mydiv" ng-style="colour"></div>

And in controller

$scope.colour= {
  "color": "red"
}

answered Aug 03 '16 at 11:57

ismail baig

1 Answers1