角js内联样式颜色在IE 11中不起作用。

Question

嗨，我试图动态地给p标签颜色，但是对于IE-11浏览器，它不支持我如何解决这个问题，

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

当我检查元素时，它在chrome中是这样的:它在chrome、firefox.中工作得很好！

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

​

​

Answer 1

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

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

Answer 2

试一试：

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

演示：

​

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<p ng-app="myApp" ng-controller="myCtrl" style="color:{{hex}}">color: {{hex}}</p>

​