IE11问题：用作angularJS变量的样式不呈现

Question

HTML

<div ng-app="myApp" ng-controller="myCtrl" style="background:{{hex}}">
        Background-color: {{hex}}
</div>

的Javascript

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.hex= "#ff0000";
});

这是jsFiddle http://jsfiddle.net/2qLwoydd/

当我尝试将变量用作样式时，它适用于Chrome和FF，但背景颜色（在上面提到的示例中）不适用于IE11。 感谢您的帮助。

Answer 1

使用ng-style代替带{{}}

的样式属性

<强>标记

<div ng-app="myApp" ng-controller="myCtrl" ng-style="{'background-color':hex}">
    Background-color: {{hex}}
</div>

Working Fiddle