Question

我目前有这个：

<div class="row status green" ng-repeat="green in report.data.green" style="{{green.image}}">

但IE中没有显示样式。我该如何解决这些问题？ green.image 包含以下内容：

image = "background: linear-gradient(rgba("+ colordb[color] +",0.5), rgba("+ colordb[color] +",0.5)), url('../images/" + db[id][1] + "'); background-size: 100% 100%; background-size: cover;";

Answer 1

来自Angular's Doc

AngularJS 1.3已经放弃了对IE8的支持。在我们的网站上阅读更多关于它博客。 AngularJS 1.2将继续支持IE8，但核心团队不打算花时间解决IE8或者特定问题早。

在你的情况下，我假设你有角度1.3+版本。所以

使用ng-style标签代替style="{{ someCss }}"。后者适用于Chrome和Firefox，但不适用于Internet Explorer <= 11（撰写本文时的最新版本）。

如果您再次遇到问题，那么您应该在app init中注入ngRoute服务。我在IE中遇到同样的问题，这个技巧对我有用

您的应用初始化代码应为

angular.module('myApp', ['ngRoute'])

.run(['$route', function ($route) {
            }])
.controller('MyCntrl', MyCntrl)

如何改变风格=＆＃34; {{data.something}}＆＃34;出现在IE浏览器？

1 个答案: