Question

我试图在IE8中打开AngularUI网站（http://angular-ui.github.io/）。在IE8中未正确呈现UI（在最新版本的chrome / firefox中正常工作）。这导致我搜索AngularUI模块的浏览器兼容性。小组讨论指出AngularUI-bootstrap模块不支持IE8（https://groups.google.com/forum/#!topic/angular-ui/8L0739rxdes）但是可以找到下面列出的其他模块的信息。 UI-utils的 UI模块 NG-网格 UI-路由器所以问题是，这些模块是否与ie8兼容。如果是的话，是否有希望在未来继续提供支持。

Answer 1

如果不使用自定义元素选项配置它们，许多AngularUI指令在IE8中都能正常工作。问题是IE8忽略了任何非标准HTML的元素，这显然会使这种方法脱离水面。

改为使用属性方法。例如，而不是：

<tabset>
    <tab ng-repeat="tab in tabs" heading="{{tab.name}}"></tab>
</tabset>

使用：

<ul tabset>
    <li tab ng-repeat="tab in tabs" heading="{{tab.name}}"></li>
</ul>

Answer 2

或者，您可以通过使用如下脚本告诉IE8使用默认情况下未知的元素：

<script>
   document.createElement("tabset");
   document.createElement("tab");
   document.createElement("tab-heading");
</script>

这让IE8知道<tabset>，<tab>和<tab-heading>是有效元素。

Answer 3

除了@Paul的正确答案，顺便说一句应该标记为答案，这里是Angular团队的解释以及如何纠正它们在IE8 Angular IE8 development guide中工作。此外，应该注意的是，Angular团队正在正式放弃对Angular 1.3及更高版本blog的IE8的支持。因此，如果您需要支持IE8，请不要使用Angular 1.3+，也不要使用任何使用1.3+的角度UI。

AngularUI - 兼容的浏览器

3 个答案: