IE 11中的角度js内联样式颜色不起作用

Question

您好我试图动态地为p标签提供颜色，但对于IE-11浏览器，它不支持如何解决此问题，

<p style="color:{{userData.color}} !important;">{{userData.someText}}</p>

当我检查元素时，它在IE中就像这样 注意：它在chrome，firefox中运行良好..！

我尝试了ng-style="color:{{userData.color}} !important;"

Answer 1

将样式对象传递给 ng-style {color:userData.color}

<p ng-style="{color:userData.color}">{{userData.color}}</p>

Answer 2

试试这个

<强> HTML

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

<强>的JavaScript

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

示例http://jsfiddle.net/pbz0vdv7/31/