angularjs internet explorer css issue

Question

The following code works in google crome but does not work in Internet Explorer(9 to 11). value of {{value}} does not executed.

$scope.dictionary = { 'Item': 25, 'Name': 25, 'order': 12.5, 'value': 37.5 };
 var stemp = '<div ng-repeat="(name, value) in dictionary">' +
            '<div class="templateHeader" style=\"width:{{value}}px;\">{{name}} </div></div>';

Answer 1

wow, may be i found the answer. here is revised code

var stemp = '<div ng-repeat="(name, value) in dictionary">' +
            '<div class="templateHeader" ng-style="{ width: value +\'px\' }">{{name}} </div></div>';