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";
});

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

Answer 1

使用 ng-style 而不是带有 {{}}

的样式属性

标记

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

IE11 issue: styles used as angularJS variable doesn't render