css - 如何转换 style="{{data.something}}" 以显示在 IE 中？

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 的文档

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

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

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

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

您的应用程序初始化代码应该是

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

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