AngularJS和InternetExplorer10：花括号替代没有发生

我有一个angularjs应用程序，可以在所有真正的浏览器上运行。问题在于internet explorer 10

我在应用程序中做了很多类似的事情

<div style="font-size: {{data.font_size}}px"></div>

虽然这在firefox、safari和chrome上运行良好，但在internet explorer上根本不起作用

为了说明这个问题，我创建了一个JSFIDLE：用chrome和InternetExplorer试试。chrome中的字体大小为30，但IE中没有

如果有人能告诉我为什么会这样，如果有什么我能做的，除了重新实现整件事，我会很高兴

---

即使我重新实现应用程序，使其在样式属性中没有双大括号，ng src仍然需要有大括号。

我建议您更改来自AngularJS的双大括号，并检查它。它将与其他字符一起使用，如

{[{data.font\u size}]}/

要使它们可用，您需要在Angular模块中声明它们，如：

ModuleApp = angular.module('ModuleApp', []);

    ModuleApp.config(function($interpolateProvider) {
      $interpolateProvider.startSymbol('{[{');
      $interpolateProvider.endSymbol('}]}');
    });

还要检查角度代码是否已初始化。您可以将所有角度代码放在下面的块中

(function(){
//ALL AANGULAR CODE

})();

---

我最终通过使用

ng样式解决了这个问题，如下所示：

<div ng-style="{font-size: data.font_size}"></div>

标记：

<div custom-directive ng-style="setWidth()"></div>

ng style需要一个对象，该对象具有一个键作为CSS样式名称，该值作为相应样式的值。这适用于所有浏览器。
您还可以在ng样式中设置范围变量，如下所示：

<div ng-style="{font-size: data.font_size}"></div>



确保您的data.font\u size附加了“px”。
在这种情况下，您应该使用ng类。IE10在{{}方面有很多问题，上面的事情只是一个例子，像ng src等需要大括号。那么我该怎么做呢？而不是用一个例证来考虑在小提琴或JSB中重现你的问题。你可以看到。我不需要把我的实际代码，我有同样的问题，试图使用{{}与风格属性。我改为一个css类，并使用ng类应用它