Angular js 内联样式颜色在 IE 11 中不起作用答案

【问题标题】：Angular js inline style color is not working in IE 11Angular js 内联样式颜色在 IE 11 中不起作用
【发布时间】：2018-09-26 22:43:00
【问题描述】：

您好，我正在尝试为p 标签动态添加颜色，但对于 IE-11 浏览器，它不支持如何解决此问题，

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

当我检查元素时，它在 IE 中是这样出现的注意：它在 chrome、firefox 中运行良好..！

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

【问题讨论】：

改用ng-style 指令。 <p ng-style="color: userData.color">{{userData.someText}}</p>
@Kavindra 我试过了，没有用，但是当我检查元素颜色但没有渲染到查看时。

标签： html css angularjs styles inline

【解决方案1】：

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

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

【讨论】：

【解决方案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";
});

演示：

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>

【讨论】：